スマホ対応のテンプレートに自動で変換してくれる便利なテーマが増えてきました。
このサイトもワードプレスで作成して、スマホ対応のレスポンシブテーマですが、
PCで表示していた広告をそのまま載せるとスマホでは表示しきれない場合があります。
PCでは見れたものがスマホでは大きすぎるという場合に表示をPCとスマホで変えることができるプラグインがWidget Logicです。
スマホとPCの広告の表示を分けるプラグインだと考えてもらえればわかりやすいと思います。
■インストール方法
プラグイン→プラグインの追加「Widget Logic」と入力。
■設定方法
外観→ウィジェット→テキスト
スマホのみで表示したい場合
Widget Logicと書いてあるところに
wp_is_mobile()と入力
※画像をクリックすると拡大できます。
PCのみで表示したい場合
Widget Logicと書いてあるところに
!wp_is_mobile()と入力
※画像をクリックすると拡大できます。
■タブレットをPCと同じ表示にしたい場合
iPadなどのタブレットをスマホ扱いにして広告表示がおかしくなる場合の回避設定です。
タブレットがスマホと同じ表示にしないでPC表記にする場合は
テーマのための関数(function.php)に以下のコードを追加します。
外観→テーマの編集→テーマのための関数(function.php)
----------------------------------------------------------------------------------------------
//スマホ表示分岐(PC・タブレット or スマホ)
function is_mobile(){
$useragents = array(
'iPhone', // iPhone
'iPod', // iPod touch
'Android.*Mobile', // 1.5+ Android *** Only mobile
'Windows.*Phone', // *** Windows Phone
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
----------------------------------------------------------------------------------------------
これで設定完了です。
スマホとPCのテンプレートも表示変更しておく人に便利なプラグインです。
スマホとPCの表示を変えられるおすすめテンプレート