2018/08/10WordPressでは「条件分岐」というものを使って様々な条件に応じて部分的に表示させたりさせなかったりということができます。今回ご紹介するのはスマホとパソコンで表示させたいものを変える方法です。パソコンとスマホのテーマ自体を分けてる場合はいいんですが、レスポンシブウェブデザインではかなり活躍しますよ。LINKスマホかパソコンかという条件で分岐させる「wp_is_mobile」という関数がありますのでこれで条件分岐させます。?>使い方としては例えば、パソコンでは幅336pxの広告を貼りたいけどスマホではディスプレイサイズ的に貼ることができないため幅300pxの広告を仕方なく貼っているという場合。is_mobileを使えばそれぞれに適したサイズの広告を貼ることが可能になります。他にもLINEに送るボタンはスマホだけに表示したいとか。アイデア次第で様々な用途に使えます。ちなみに、「パソコンではこれを表示、スマホでは非表示」という場合は空のままにすればおっけーです。タブレットもパソコン側に含めたい場合wp_is_mobileはそのまま使うと「スマホ&タブレットとそれ以外」という分け方になってしまいます。タブレットがスマホの仲間になってしまうのです。ディスプレイの大きさ的に「スマホとそれ以外」という分け方をしたいことの方が多いんじゃないかと思うので、そのときの解決法をご紹介します。下記の記述をfunctions.phpに追記します。$_SERVER['HTTP_USER_AGENT']);}この記述、無料のWordPressテーマ「STINGER5」に書かれていたものを拝借しました。下記の記述をテンプレートファイル内に入れます。?>最後にスマホ用のテーマを別に用意してる人であればこの手の条件分岐はさほど必要ないんですが、レスポンシブウェブデザインのテーマを使ってる人はかなり便利だと思います。個人的にはかなり多用する条件分岐です。興味ある方は使ってみてください。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。