テーマをCocoonに変更しました!

スマホとPCで表示する内容を変える(wordpress)

wordpress

WordPressでスマホとPCで表示する広告や内容を好きなように変える方法

20160730101213
WordPressでレスポンシブ対応のテーマなどを使ってるとダラダラと表示されて一番最後まで辿りつくのに途中で嫌気がさす場合があります。

そんな時にとても便利なタグが条件分枝です!

簡単なソースでPC表示とスマホ表示時に分けられる画期的な条件分岐タグの書置きメモです。

PCのみ表示したい場合

<?php if(!wp_is_mobile()): ?> ここにPCに表示したいものを書く <?php endif; ?>

こうするとPCのみに表示されてスマホでは表示されません。

スマホのみ表示したい場合

<?php if(wp_is_mobile()): ?> ここにスマホに表示したいものを書く <?php endif; ?>

こうするとスマホのみに表示されてPCでは表示されません。 組み合わせると

<?php if(wp_is_mobile()): ?> ここにスマホに表示したいものを書く <?php else: ?> ここにPCに表示したいものを書く <?php endif; ?>

応用するとこんな使い方も出来るよってものを紹介

<?php if(in_category(array('71','1717'))): ?> カテゴリ別広告 <?php else: ?> 全記事共通の広告 <?php endif; ?>
<?php if(in_category(array('71','1717'))): ?> カテゴリ別記事用の広告 <?php elseif(in_category(array('31','89','91'))): ?> カテゴリ別記事用の広告 <?php elseif(is_single(array('1704','1717','9901'))): ?> カテゴリ別記事の広告 <?php else: ?> 全記事共通の広告 <?php endif; ?>
トップページ(ホーム)だけ表示させて個別記事には表示させない方法(wordpress編)
...
WordPressでカテゴリー別に広告などを表示する方法
...
ブログ管理者などによく売れてる本です

コメント

タイトルとURLをコピーしました