テーマ– tag –

Lovelog+*のテーマをリニューアルしました。 foundation5 _s（Underscores） がベースになっています。 このリニューアルにあたって、GruntとVagrantを導入し、開発環境を一新しました。 WordPress環境開発は、Varying Vagrant Vagrantsを使用しています。...

WordPressのマルチサイトで複数の子サイトを運用する時は、 デザインが異なる場合は、 通常子サイトの分だけテーマ数を作成します。 レイアウトが同じで、 デザインだけ異なる場合は、 複数の子サイトを１つのテーマで対応しようという方法です。 WordPres...

テーマカスタマイザーでサイト名とサイト説明文の色を変えてみたいと思います。 TwentyElevenのソースを参照して実装してみました。 ※【WordPress3.4の新機能】テーマカスタマイザーでサイト名とサイト説明文を変更する方法をまず実装してからカスタマイズ...

WordPress3.4からadd_theme_supportに、 カスタムヘッダーとカスタム背景のパラメーターが追加されます。 この変更点を書いて行きたいと思います。 ※この記事は現時点での開発版で確認しながら記述していますが、 正式リリース時で変更する可能性がありま...

WordPress3.4の新機能、テーマカスタマイザーを試してみました。 まず初めにちょっと簡単なカスタマイズからご紹介。 function.phpにちょっとソースを付け足せば、使えるようになる機能です。 他のテーマカスタマイザーの機能は後々に書くとして、 以前実...

【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】シリーズの方法で色々試行錯誤して、 スマートフォン用のテーマを作成していました。 やりたい事は親テーマの機能を引き継ぎつつ、 PCサイトとはデザインが別で、 スマートフォン向け...

bodyタグにclassまたはidを振って、 PCとスマートフォンのCSSを１枚で管理する方法です。 元ネタはBrowser Detection and the body_class() Functionです。 ブラウザ別にbody_class() 関数にブラウザ別のクラスを加えるという方法。 つまり、bodyタグにス...

PCとスマートフォンのCSSを完全に別にして、１つのテーマで管理する方法です。 余り知られていませんが、 WordPressには、PCサイトとスマートフォンサイトを出し分ける条件タグがあります。 [php][/php] この条件タグを利用して、テーマ内で出し分けを行い...

PCテーマを元にスマートフォンサイト専用を作成する方法です。 方法というより、もうスマートフォン用に必要な部分以外は削除していき、 レスポンシブに対応するのみです。 レスポンシブに対応するには、簡単にまとめた【レスポンシブでスマートフォンのWo...

PCサイトとスマートフォンサイトで必要となってくるカスタマイズの説明です。 これは、どのテーマ作成にも関わってきます。 PC専用のウィジェットとスマートフォン専用のウィジェットを設置する PCサイトでは閲覧範囲が広いので、 ２カラム３カラムレイア...