1. TOP
  2. Multi Device SwitcherでPCとスマホを切替え

Multi Device SwitcherでPCとスマホを切替え

ワードプレス この記事は約 3 分で読めます。

現在はスマホでネットをする割合が格段に増え、
ほとんどのサイトはスマホ対応になっています。

でもPC表示で見たい場合も無きにしもあらずだと思うので、
今回はPCとスマホの表示を簡単に切り替えられる、
Multi Device Switcherというプラグインをご紹介。

よくある「PC表示」

大体のスマホであれば、メニューボタンを押せば
「PC表示」というような切り替えの項目が出てきます。

とはいえイチイチ呼び出すのは面倒くさいですよね。
私は面倒くさいです(笑)。

そんな面倒くささを解消してくれるのが、
Multi Device Switcherというわけです。

これは切り替えだけでなく、アクセスの仕方に関係無くスマホならスマホ、
PCならPCという、表示の最適化をしてくれる機能もついています。

あとはPCとスマホで表示されるテーマを切り替えてくれる、
という機能もあるみたいですね。

Multi Device Switcherのインストール方法

まずはダッシュボードの「プラグイン」→「新規追加」をクリック。

2014-05-04_222525

検索バーに「Multi Device Switcher」と入力し、「プラグインの検索」をクリック。

2014-09-24_212306

そして「いますぐインストール」をクリックしてください。

2014-09-24_212340

その後「プラグインの有効化」をクリックすれば、インストールは完了です。

2014-05-02_230418

テーマによって色々変わるかも・・・

テーマによっては設定は難しく無さそうなんですが、
私が使っているTCD013は結構面倒くさかったです。

というか、スマホでPC表示に切り替えられなかったので、
テーマによってはあんまり意味は無いかもしれません。

ただ個人的にはスマホ版の表示のされ方も普通に気に入ってるので、
まあ、良いかな、と。

一応設定方法は3パターンあり、
①設定
②ウィジェット
③CSSに書き込む
という3つです。

①は「外観」→「マルチデバイス」とクリックすると、

2014-09-24_221020

設定の画面が出てきます。

2014-09-24_212555

ここで環境によってテーマを切り替える設定ができます。

②はウィジェットの中に「PC Switcher」というのがあります。



クリックするとこんな感じでメニューが出ますので、
挿入したい場所を選択して、「ウィジェットを追加」をクリック。



そして「保存」をクリックすればOKです。

2014-09-24_213118

③は任意のCSSにタグを挿入します。

<a href=”?pc-switcher=1″>PC表示<⁄a>
<a href=”?pc-switcher=0″>スマホ表示<⁄a>

「ヘッダー」か「フッター」ですが、どこが良いかと言うのは、
私も具体的に言えません。
ただヘッダーに挿入すると、スマホの表示はこんな感じです。

2014-09-24_221554

ただPCでも表示されちゃってましたので、TCD013を使う場合には、
あまりメリットの多くないプラグインなのかもしれません。

\ SNSでシェアしよう! /

LSCの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

LSCの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

関連記事

  • All in One SEO Packの設定や活用方法を解説

  • 404 Redirectionで存在しないページから強制転送

  • Browser Shotsの設定や導入方法を画像付解説!

  • TCD013のカスタマイズ方法!関連記事や画像の表示方法は?

  • WP Nofollow Postでnofollowを自動挿入!

  • PubSubHubbub使い方や導入方法は?スクレイピングって?