パソコン表示用のバナーとスマートフォン表示用のバナーを自動で切り替える方法

先日、購入者の方より、「サイドバーに表示しているバナー(広告)を、スマートフォンでは非表示にしたい。」というお問い合わせをいただきました。

ワードプレスには、それらを簡単に実現するためのコードがあります。このコードを使用すると、パソコンでの表示とスマートフォンでの表示を切り替えることができます。

下図は、左サイドバーにバナーを表示している状態です。(パソコン画面)
バナー表示

それでは、コードをご紹介します。

<?php if (wp_is_mobile()):?>
スマートフォン用コンテンツをココに書きます。
<?php else: ?>
パソコン用コンテンツをココに書きます。
<?php endif; ?>

ちなみに、「wp_is_mobile」関数は、WordPress3.4からの関数ですので、それ以前のバージョンの場合、エラーコードが表示される可能性があるようです。エラーが表示されないようにするには、下記のようなコードにすると大丈夫だそうです。

<?php if ( function_exists('wp_is_mobile') && wp_is_mobile() ):?>
スマートフォン用コンテンツをココに書きます。
<?php else: ?>
パソコン用コンテンツをココに書きます。
<?php endif; ?>


このコードを使用して、3カラムLP Designerの左サイドバーにバナーを設置するためのマニュアルを作成しました。ダウンロードしてご覧くださいませ。

ダウンロード用のパスワードは、LP Designer通信に記載している「保護記事用パスワード」と同じです。

パスワードがわからない方は、お問い合わせフォームよりご連絡ください。



【スポンサーリンク】

新着情報