さて、今回はTCDテーマ『MAG』で『記事下にダブルレクタングルでアドセンスを表示したいっす』
また、アドセンス規約の為に『スマホでの表示時は1つにしたいっす』
りょ、了解っす!!
実際にわたしが設置したやり方をご紹介していきましょう!!
作業的には、初心者の方でも簡単に設置できると思います!！
※万が一の為に必ずバックアップを取りましょう!!また自己責任にてお願いいたします!!
まずスタイルシート『style.css』の一番下に付け加えましょう!!
.double-rectangle {
text-align: center;
overflow: hidden;
margin-bottom: 25px;
}
.left-rectangle {
float: left;
margin-left: 45px;/*左に45pxの余白*/
}
.right-rectangle {
float: right;
margin-right: 45px;/*右に45pxの余白*/
【1】上記のコードをコピーして、『スタイルシート(style.css)の一番下に貼り付けしましょう。
ここではダブルレクタングルを表示させるための設定をしていきます。
ダブルレクタングルをブログ内に表示させるために必要なコードですので、間違えないように気を付けて下さい。
ちなみに、この設定は『MAG+2カラム』での設定になっていますので、ブログのサイズによっては『左の余白(左のレクタングルとサイト左側の余白のこと)』と『右の余白(右のレクタングルとサイト右側の余白のこと)』の『px』をブログに合わせて設定を行ってください!!設定後はすぐに反映されませんので、多少時間は掛かります。自分は、真ん中に設定したかったので、両方の『px』を合わせて変更していきました!!一番下なら怖くないっす!!
次は実際にアドセンスコードをコピーして貼っていきましょう!!
<div class="double-rectangle">スポンサードリンク</br>
<?php if (is_mobile()) :?>
スマホに表示するアドセンスコード
<?php else: ?>
<div class="left-rectangle">
PC左側に表示するアドセンスコード
</div>
<div class="right-rectangle">
PC右側に表示するアドセンスコード
</div>
<?php endif; ?>
</div>
【2】アドセンスコードは、『スマホ用のレクタングル』と、ダブルレクタングル用の『左側レクタングル』と『右側レクタングル』と、それぞれに新規の広告で作成すると解析もしやすいのでおすすめっす!!
【重要】上記のコードを貼る場所は『個別投稿(single.php)』の記事終わりです!!
【3】TCDテーマ『MAG』の場合は、『個別投稿(single.php)』の『ピックアップ記事の前』です。
『 <?php if ($options[‘show_bookmark’]) { ?>』って所の上です!!
空白抜かして22行目からです!!シェアボタンの上に貼り付けるイメージです!!
要は『個別投稿(single.php)』の中で記事終わりにあたる場所を探して直接貼り付けてしまえばOKっす!!
TCD『MAG』でない場合、『個別投稿(single.php)』記事終わりにあたる場所を探して直接貼り付けること!!
バックアップ取ってから貼り付けるのが無難です!!
『個別投稿(single.php)』記事終わりに上記のコードを張り付けると、ダブルレクタングルの完成っす。
わたしはこれで出来ましたが、この内容ですべてのブログに適用するわけではないので注意です!!
今までの記事すべてにダブルレクタングルが配置されますのでおすすめっす!!
