iscle [イズクル] - あなたの生活に役立つネタを!
Facebook twitter YouTube Feedly Feed

WodrPressでスマホサイトに対応させる方法(スマホ用テーマ使用)

竹中文人
執筆者:
[最終更新日]2019/01/29
[カテゴリ]Web・IT, Wordpress

WodrPressでスマホサイトに対応させる方法(スマホ用テーマ使用)

ブログシステムとしてWodrPress(ワードプレス)を利用しているサイトがとても多くなりました。WodrPressはスマートフォンに表示を対応させることも簡単にできて人気ですね!

スマホ対応(モバイル対応)させる方法は「レスポンシブ ウェブ デザイン」か「スマホ用のテーマ(テンプレート)を適用する」という方法があります。それぞれメリット・デメリットはあるのですが、私の場合はモバイル対応は後者を選択しています。

今回は、WodrPressでスマホ用のテーマを用意して適用させる方法について紹介いたします。

モバイル用のテーマを用意する

まず最初にモバイル用のテーマを用意しておく必要があります。
「テーマを持っていないよ!」という方は、イズクルからモバイルテーマを無料プレゼント致します!イズクルでも利用しているオリジナルテーマです。

ダウンロードは下記のページからできますので、ぜひご活用ください。
WordPress用スマホのテーマを無料でダウンロード

モバイル用のテーマが用意できたら、[外観]>[テーマのインストール]か FTP でサーバーにアップしてください。※テーマを有効化する必要はありません。

スポンサーリンク

『Multi Device Switcher』の使い方

以前は『WPtap Mobile Detector』というプラグインをお勧めしていましたが、しばらく更新されていないため代わりに『Multi Device Switcher』をお勧めします。

モバイル対応させるために『Multi Device Switcher』というプラグインを入れます。

上記URLからプラグインをダウンロードして、管理画面の[プラグイン]>[新規追加]>[アップロード]からダウンロードしたプラグインをインストールし、有効化します。

有効化すると[外観]メニューの項目に[マルチデバイス]が表示されますのでクリックします。
マルチデバイス

[テーマ]タブの中にある[スマートフォン用テーマ]の部分を、インストールしてあるスマホ用テーマに変更をしてください。タブレット端末用テーマや携帯モバイル端末用テーマ、ゲームプラットフォーム用テーマなどもあれば設定することが可能です。
スマートフォン用テーマ

この設定だけで、スマホでサイトにアクセスしたときにスマホ用のテーマで表示がされるようになります。もしスマホでアクセスしている時にパソコン用のテーマで表示させるためのボタンを表示させたければ、[PC Switcher]タブの[PC Switcher をフッターに追加する]にチェックを入れてください。
PC Switcher をフッターに追加する

あなたのシェアがとても嬉しい!

関連記事(一部広告含む)