上級編

SassとGruntとVagrantで考えるWordPressテーマ設計術

WordPressのマルチサイトで複数の子サイトを運用する時は、
デザインが異なる場合は、
通常子サイトの分だけテーマ数を作成します。

レイアウトが同じで、
デザインだけ異なる場合は、
複数の子サイトを１つのテーマで対応しようという方法です。

【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】シリーズの方法で色々試行錯誤して、
スマートフォン用のテーマを作成していました。

やりたい事は親テーマの機能を引き継ぎつつ、
PCサイトとはデザインが別で、
スマートフォン向けのデザインテーマを作成したかったのです。

bodyタグにclassまたはidを振って、
PCとスマートフォンのCSSを１枚で管理する方法です。

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

PCテーマを元にスマートフォンサイト専用を作成する方法です。

PCサイトとスマートフォンサイトで必要となってくるカスタマイズの説明です。
これは、どのテーマ作成にも関わってきます。

楽にWordPressのテーマをレスポンシブで制作しようという内容です。
現在、このサイトのデザインとは別のデザインでスマートフォンサイトのデザインを作成中なのですが、
PCテーマを元にするとレスポンシブは正直面倒です。

マルチサイト化したWordPressのサイトを複数持つ場合、１つのテーマでやりくりしたい。
または、１つのテーマを元に子テーマを使用して運用したい場合の親テーマ作成のコツを簡単にまとめました。