【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】PCテーマを元にスマホ用テーマを作成する方法

ユーザーエージェント別にテーマを振り分けてくれるプラグイン

ユーザーエージェント別にテーマを設定できるWordPressのプラグイン、WPtap Mobile Detectorがあります。

サイドバーにMobile Detectorメニューが表示されるので、
Settingをクリックして、デバイス別にテーマを設定します。

ただし、このプラグインは子テーマには対応していません。

また、このプラグインと同様のWP Mobile Detectorも確認してみましたが、
これも子テーマに対応していないどころか、
PCテーマを選択すると文字化けを起こしてしまいます。

スマートフォン用にテーマを作成したら、
WPtap Mobile Detectorの設定画面でテーマを指定すればOKです。

PCサイトとスマートフォンサイトと完全に切り離す形です。
余計な部分が一切なくなるので、テーマが軽くなります。

リニューアル時に親ソースが変わると、
スマートフォン用のテーマも変えなければならない。
（もしくは別物として扱う）

この記事はシリーズ化しています。
概要編と基本編は読んでくださいね。