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

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

Sponsored Link

方法というより、もうスマートフォン用に必要な部分以外は削除していき、
レスポンシブに対応するのみです。

レスポンシブに対応するには、簡単にまとめた【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】基本編を参照してください。

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

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

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

WPap Mobile Detectorの設定画面

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

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

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

メリット

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

デメリット

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

【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】はシリーズ化しています。

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

Sponsored Link