【WordPress】PCとスマホで別テーマを使う方法（『Multi Device Switcher』利用）

使いどころとしては自作WordPressテーマ作成時がメインになると思いますが、PC版サイトとスマホ版サイトでテーマを変えたい時に、『Multi Device Switcher』というプラグインを使うと便利です。

今回は、『Multi Device Switcher』の使い方について解説いたします。

えりー

プログラミング不要で簡単に設定できます！

WordPressプラグイン『Multi Device Switcher』のインストール方法

早速、プラグイン『Multi Device Switcher』をインストールしてみましょう。

1.[新規追加]-[プラグイン]をクリック

2.「Multi Device Switcher」と検索

3.[今すぐインストール]-[有効化]をクリック

これでインストールは完了です！

WordPressプラグイン『Multi Device Switcher』の設定方法

次に、『Multi Device Switcher』の設定をしていきましょう。

1.[外観]-[マルチデバイス]をクリック

2.[テーマ]タブの[スマートフォン用テーマ]でスマホ用のテーマを選択し、[変更を保存]をクリック

タブレット・携帯モバイル・ゲームプラットフォーム用も選べますが、設定は任意です。

設定しない場合、現在[外観]-[テーマ]で有効化しているテーマで表示されます。

現在、[外観]-[テーマ]で有効化しているテーマがPC版テーマの場合は、タブレット・携帯モバイル・ゲームプラットフォームでWebサイトを見た際、PC版で表示されます。

えりー

個人的にはPC・スマホに対応すれば十分だと思います。タブレットは、PC版で表示しても然程見づらくはないので

3.必要に応じて、[PC Switcher]タブの[PC Switcher をフッターに追加する][デフォルトCSSを追加]の設定を変更し、[変更を保存]をクリック

※この部分をどのように設定するかはサイトによって異なります。

[PC Switcher をフッターに追加する]にチェックを入れると、WebサイトのフッターにモバイルとPC表示を切り替えるボタンが表示されます。（下図）

このボタンを表示したい場合はチェックする、非表示にしたい場合はチェックを外してください。

CSSを使ってこの切り替えボタンのデザインを変更したい場合は、[デフォルトCSSを追加する]のチェックを外してください。

設定は以上です。

えりー

簡単で良いですよね！

最後に：WordPressについてのご相談もお気軽にどうぞ！

空創デザインオフィスでは、ホームページ制作・リニューアル、WordPress導入、自分でホームページを作りたい方、Webデザイナーになりたい方へのサポートなども承っております。

下記ボタンよりお気軽にお問い合わせください！（お見積りは無料です）

えりー

Web・グラフィックデザイナー / ブロガー

2018年よりフリーランスWeb・グラフィックデザイナー 兼 ブロガーとして活動しています。
都内IT系企業にて研鑽を積んだ後、起業しました。
IT・デザイン業界歴は10年以上。
今までに関わらせていただいたクライアント様は300社以上となります。
ブログでは、自身の経験を元に、Web・グラフィックデザイン制作のことや、就職・転職のこと等の情報を発信しています。
少しでも読者の皆様のお役に立てれば幸いです！