STINGER7 のモバイル向けにトップに固定の広告を入れる
このBlogはSTINGER7と言う無料のWordPressのテーマを使ってるんだけど
スマホ用のロゴ下に320×100の細長いバナーも入れたくなった。
注意：テンプレを直接修正するので修正する前は必ずバックアップをとること。
ダッシュボードの外観メニュー内のテーマ編集をクリック。
header.php内の一番下に下記のコードを挿入。
|
1 2 3 4 5 6 7 |
<?php if ( st_is_mobile() ) : ?> <div class="ad"> <?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 4 ) ) : else : //アドセンス ?> <?php endif; ?> </div> <?php endif; ?> |
因みに、st_is_mobile()と言う関数はSTIGER7専用なのでそれ以外の人は下記。
|
1 2 3 4 5 6 |
<?php if ( wp_is_mobile() ) : ?> <div class="ad"> //Google Adsenceのコード貼り付け </div> <?php endif; ?> |
STINGER7以外の人は下記のcssを追加してバナーを真ん中に持ってくる。
|
1 2 3 4 |
.ad { padding-bottom: 10px; margin:0px; } |
と言う感じでスマホ向けに広告を出力する。