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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

最近バズ部の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 ) : ?>

もしお役に立てたり、クスッとして頂いたりご共感頂けた際にはポチっとして頂けますと記事への情熱になったりしなかったり。。。

  • にほんブログ村 子育てブログへ
  • にほんブログ村 IT技術ブログ WordPressへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメント

  1. 理系夫 より:

    記事参考にさせて頂きました。
    1点教えて下さい。
    2番目と5番目の2箇所に挿入したい場合、どのようすると宜しいでしょうか。
    お手数ですが、ご教示頂けますと幸いです。

    1. きりんちゃん より:

      理系夫さんすみません、コメント頂いておりましたのにすっかり見落としておりました。

      さてご質問頂いたアドセンス広告を記事一覧で2つ表示させるには

      と記述いたします。

      わたくしのサイトは5番目と8番目に出て来ております。
      ですので理系夫さんの場合

      となるのではないでしょうか。

      よろしくお願いします(^◇^)

コメントを残す

*

CAPTCHA