【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日間)

今日の用語

ユーザビリティテスト
ユーザビリティテストとは、Webサイトやアプリなどのユーザビリティ上の問題点を見 ...→用語集へ

インフォメーション

RSSフィード


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