PCかレスポンシブかを判断して表示させる条件分岐

23 views

みなさんはグローバルメニューなど、PCは表示させたいけど
SPの時はハンバーガーメニュー内に納めたいという場合どうしていますか?
自分は、displae: none;でPCとSPの表示を分けています。

しかし、SEO Packさんにもある通り、displae: none;
SEO的にあまりよろしくないらしくPCとSPで表示・非表示はできないのかと
探していたらみつけました!

PHPの条件分岐で表示させるか否かが分けられる

SPと分ける

WordPressバージョン3.4以上から実装された条件分岐タグwp_is_mobile()を使うことで分けれます。

iphoneと分ける

WordPressで用意されてる条件分岐タグ$is_iphoneを使うことで分けれれます。

iPadと分ける

iPadだと少し違い、function.phpに下記を記述します。

上記をfunction.phpに記述したら、条件分岐タグ$is_ipadを使うことで分けれれます。

ブラウザ別でも分けることが可能

なんとChromeやWindowsとも分けることが可能です。

Chromeと分ける

Chormeでの記述方法

IEと分ける

IEでの記述方法

macIEと分ける

mac IEでの記述方法

Windows IEと分ける

Windows IEでの記述方法

Operaと分ける

Operaでの記述方法

safariと分ける

safariでの記述方法

まとめ

条件分岐タグがこんなにあるとはびっくりです。
しかし、検証モードだとうまく表示されないときがあるので、実機でアクセスしてください。