【WordPress】Stinger8で記事一覧の間にアドセンスを挿入する方法【Google Adsense】

Stinger8

今回は記事一覧の中にアドセンスを挿入する方法です。

なお、こちらの記事はstinger8に関する記事です。
stinger plus2の場合はこちら
https://plu-plu.net/%e3%80%90wordpress%e3%80%91stinger-plus2%e3%81%a7%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%81%ae%e9%96%93%e3%81%ab%e3%82%a2%e3%83%89%e3%82%bb%e3%83%b3%e3%82%b9%e3%82%92%e6%8c%bf%e5%85%a5%e3%81%99/

そこまで難しくはなくコピペでできますが、
カスタマイズになるので、子テーマを使用しましょう。

子テーマについてはこちら!
https://plu-plu.net/%e3%80%90wordpress%e3%80%91%e3%83%86%e3%83%bc%e3%83%9e%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%82%92%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%af%e3%80%81%e5%ad%90%e3%83%86/
https://plu-plu.net/%e3%80%90wordpress%e3%80%91%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%ae%e5%b0%8e%e5%85%a5%e6%96%b9%e6%b3%95%e3%81%a8%e4%bd%bf%e3%81%84%e6%96%b9%e3%82%92%e8%a6%9a%e3%81%88%e3%81%a6%e3%82%ac%e3%83%b3/

スポンサーリンク

itiran.phpを編集する!

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

まずはitiran.phpの上部にある上記のコードを消し、
以下のコードに書き換えます。

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?>
 
<?php if($count == 3 or $count == 6 or $count == 9) : ?>
 
<div class="itiran-ad">
<p>スポンサーリンク</p>

//ここに広告のコード//

</div> 

<?php endif; ?>

上記の

//ここに広告コード//

にアドセンスのコードを記載してください。

オススメの広告ユニットは、
『レスポンシブ』です!

こんな感じになります。

補足

<?php if($count == 3 or $count == 6 or $count == 9) : ?>

上記のコードでは【$count == 3、6、9】という数字が入っていますが、
こちらの【3、6、9】という数字は、
記事一覧の3番目、6番目、9番目に、表示させるという意味です。
そのままでも構いませんが、こちらは好きな数字に変更してください。

また上記の説明では3つ表示させていますが、
アドセンスの数を減らして2つの場合は、以下の様にすればできます。

($count == 3 or $count == 9)

以上で、アドセンスが表示されましたが、
このままですと見た目が悪いので、
スタイルシートで調整します。

style.cssに追記する!

アドセンスと記事のバランスが悪いので、
スタイルシートで調整します。

以下のコードを追記します。

/*--トップ一覧広告--*/
.itiran-ad {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #38b48b;
}
/*--スポンサーリンクの文字--*/
.itiran-ad p { 
	font-size: 14px;
	line-height: 1em;
	color: #999;
	margin-bottom: 10px;
}
/*--ここまで--*/

なお、borderの色等については、
自分のサイトに合うよう調整してください。

これで以下の通りになります。

これでうまく表示されていれば、
完成です!

広告の貼り過ぎにはご注意!

どんなに良質なコンテンツであっても、
広告だらけで、読みにくいブログは嫌厭されてしまいます。

適度な数の広告にすることをこころがけましょうー

コピペも良いですが・・・

カスタマイズ記事はコピペできるものもあり、便利ですが、もし分かりずらかったりする場合は、本などを併せて使用すると、理解度が深まりますよ!

私が使用したおすすめの本はこちらです。

Stinger8のカスタマイズ記事まとめはこちら!↓
https://plu-plu.net/%e3%80%90wordpress%e3%80%91stinger8%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%be%e3%81%a8%e3%82%81/

コメント