バズ部　テーマXeory　base　カスタマイズ　記事一覧の間にアドセンスを挟む

最近バズ部のbaseのカスタマイズ記事を書いていなかったのですが、ちょっと書いてみようと思います。
今日はトップページの記事一覧の記事と記事の間にアドセンスを挟む方法です。

まずはアドセンスのコードをご用意くださいね！
もちろんレスポンシブの広告を選んでください。
これで面倒な手間が省けます。

そしてローカルにindex.phpをコピーして開きます。
※バックアップは取りましょう！

65行目あたりの下記コードを探します

while ( have_posts() ) : the_post();

そのコードを下記に書き換えます

while ( have_posts() ) : the_post(); $loop_count++;

それから下記コードを探しますよ~。

<?php endif; ?>

その「上」に

<?php if ( $loop_count == 4 ) : ?>
<!--ad-->


<div style="text-align:center; margin-bottom: 10px;">

<div>SPONSORED LINK</div>


<div style="margin-bottom:1em;padding-bottom: 1em;border-bottom: 1px dotted #ddd;">
あなたのコード
</div>

</div>

<!--ad-->

と加えます。それだけです。
書いたコードにはスタイルが記述されております。
スポンサーだよって事が書いてあります。その文字がセンターに指定しています。
マージンや下線も指定されているのでdivスタイルが不要でしたら削除して使ってください。

なお数字の4を変えれば出現する何記事目か変えられます。
4であれば5記事目にアドセンスが出てきます。

<?php if ( $loop_count == 4 ) : ?>