Sponsored Link
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】シリーズの方法で色々試行錯誤して、
スマートフォン用のテーマを作成していました。
やりたい事は親テーマの機能を引き継ぎつつ、
PCサイトとはデザインが別で、
スマートフォン向けのデザインテーマを作成したかったのです。
スマートフォン
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】１つのCSSで出し分ける方法
bodyタグにclassまたはidを振って、
PCとスマートフォンのCSSを１枚で管理する方法です。
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】条件タグでCSSを出し分ける方法
PCとスマートフォンのCSSを完全に別にして、１つのテーマで管理する方法です。
余り知られていませんが、
WordPressには、PCサイトとスマートフォンサイトを出し分ける条件タグがあります。
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】PCテーマを元にスマホ用テーマを作成する方法
PCテーマを元にスマートフォンサイト専用を作成する方法です。
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】基本編
PCサイトとスマートフォンサイトで必要となってくるカスタマイズの説明です。
これは、どのテーマ作成にも関わってきます。
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】概要編
楽にWordPressのテーマをレスポンシブで制作しようという内容です。
現在、このサイトのデザインとは別のデザインでスマートフォンサイトのデザインを作成中なのですが、
PCテーマを元にするとレスポンシブは正直面倒です。