東京上野のWeb制作会社LIG仕事も遊びもいいオフィス。Webサービスシェアこんにちは、エンジニアのひろゆきです。Switcher」というプラグインが使いやすかったので、今回はそれをご紹介します。Switcherには以下のような特徴があります。スマホ、PC、ガラケーなど表示の切り替えが簡単!スマホページなどで良く見かける「PCで表示」ボタンの実装が楽!余計な機能がついておらず開発にも向いてる!(と思う)このように、ユーザーエージェントによる表示切り替えをご検討の方にオススメです。Thirteenが表示されるように設定してみましょう。プラグインの管理画面を開く左メニューの「プラグイン」→「multi-device-switcher」→「設定」から管理画面を開きます。Thirteenに設定、設定を保存します。Thirteenで表示されるようになります。Switcherで「PCで表示」を実装する次にスマホページでよく見かける「PCで表示」を実装してみましょう。やり方が何通りかありがますが、カスタマイズしやすい順番でご紹介します。GETパラメータを渡して実装する「PC表示」または「SP表示」のリンクを生成する方法です。href="?pc-switcher=1">PC表示</a>PC表示にしたいときはpc-switcherを1にします。href="?pc-switcher=0">スマホ表示</a>スマホ表示にしたいときは同じくpc-switcherを0にします。Switcherの項目が追加されていますので、ウィジェットエリアにドラッグアンドドロップして追加します。Switcherのタブに2つのチェック項目があります。Switcherをフッターに追加する」をチェックすると、表示切り替え用のhtmlタグがフッターに差し込まれます。デフォルトCSSを追加すると上記で設定したhtmlに対してスタイルシートがあたります。Switcherにはあらかじめユーザーエージェントの文字列が設定されています。ユーザーエージェントの文字列はその時々で変わったりするので、プラグインで勝手に更新してくれたら便利ですよね。Switcherで用意されている関数を使って、現在ページがスマホページかどうかを判定してくれる関数を作ってみました。userAgentの設定画面です。この値をテンプレート側で取得して判定したいと思います。get_options_userAgent()設定したuserAgentの値は上記の関数で取得できます。))中身はこんな感じです。これのuserAgent_hogehogeというやつを使います。false;}先ほどの関数を使い、現在のページのユーザーエージェントにスマホの文字列が含まれているか判定します。"hoge";}テンプレート側ではこのように記述しましょう。現在のページがスマホでアクセスされていれば、hogeが表示されるということになります。ちなみにこいつの動作は保証いたしかねますのであらかじめご了承くださいませ!なにせ、アンドロイドのタブレットかスマホかを判定する際には上記のコードでは動かなそうなのです。下記の参考記事に大体の答えが載ってました。Switcherというプラグインが非常におすすめです。ANALYZE」を導入後、CVR改善に成功した品川美容外科のWeb担当者に話を聞いてきた。2019.12.31281年末年始のイマこそ!マーケティングを学びたい人必見・Udemyおすすめ動画講座5選【1/9まで新春セール実施中!】2019.12.2525130歳独身彼女なし。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。