【wordpress】PC(タブレット)とスマートフォンで記事内の表示内容を切り替えるショートコードの設定方法

※この記事は読者によって投稿されたユーザー投稿です:
  • 編集部の見解や意向と異なる内容の場合があります
  • 編集部は内容について正確性を保証できません
  • 画像が表示されない場合、編集部では対応できません
  • 内容の追加・修正も編集部では対応できません

ヒューマンリソシア株式会社はコラム「【wordpress】PC(タブレット)とスマートフォンで記事内の表示内容を切り替えるショートコードの設定方法」を公開しました。
wordpressでは記事内で php を使えないため、ショートコードでPCとスマートフォンの
表示/非表示を切り替えられるようにしておくととても便利です。
上記の記事は、PCとスマートフォン(iPadなどタブレットはスマートフォンに含む)で
表示内容を切り替える方法でしたが、今回はタブレットはPC表示に含む場合の設定方法です。

『wp_is_mobile』関数について
『wp_is_mobile』関数は、Webサイトを閲覧するデバイスのヘッダー情報を見て、
PC用のコンテンツと、スマートフォン用のコンテンツを切り分ける、WordPressで
予め用意されている条件分岐タグです。
この関数はPCと、スマートフォン(タブレットを含む)を分岐するため、
タブレットをPCに含みたい場合は調整が必要です。

記述方法
PC/SPを分岐する『wp_is_mobile』関数を使い、更にサーバー変数で
ユーザーエージェントを取得して複数分岐します。
今回はiPadで条件分岐した場合の記述例です。

以下の通り、functions.php に記述します。

この続きは以下をご覧ください
http://resocia.jp/column/4383/

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

PV
アクセス解析指標の 1 つ。Web サイトの特定のページが表示された回数を示す指 ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]