【WordPress】デバイスごとに表示内容を変える方法

WordPressの条件分岐を使って、PC・スマートフォン・タブレットなどデバイスごとに表示させる内容を変更する方法を紹介します。例えば、PCとスマホで違う広告を表示させたいといった場合の出し分けに使用したりすることができます。

デバイスの判別方法

WordPressの条件分岐でデバイスを判別させるには、「wp_is_mobile()」を使うことで判別することができます。

<?php if(wp_is_mobile()): ?>
~スマホで表示させたい内容~
<?php endif; ?>

このようにすることで、PCとスマートフォンで出し分けをすることができます。ただし、「wp_is_mobile()」はスマートフォン以外にもタブレットも条件に含まれます。

もちろん、CSSのメディアクエリーを使って表示内容を切り替えることもできますが、WordPressを使ってサイトを構築しているなら、このような専用のテンプレートタグを利用して出し分けをするのも1つの方法としてあります。

以上が、WordPressの条件分岐を使ってデバイスごとに表示内容を変える方法となります。

その他の記事
WordPressでjQueryを読み込む場合について
CSSでリストマークを装飾する
【jQuery】ツールチップの作り方
asyncとdeferでjavascriptを読み込む方法
【jQuery】シンプルなタブ切り替えの作り方

TOP