2016年4月2日

トップページの記事一覧内に広告を追加する。アドセンス広告を記事リンクの間に挟む。

スポンサードリンク

 Stinger5ではトップページには記事が10個表示されています。
この記事の合間に、グーグルアドセンス広告を挟むカスタムです。

少し手間ですが、ある程度カスタマイズ出来る人なら大丈夫だと思います。

トップページ記事一覧の中に広告を埋め込む


 Stinger5のカスタマイズです。

記事一覧がホーム画面に表示されますが、
その記事と記事の間に広告を挟もうという事です。


 ではやっていきます。

まず、itiran.phpを開きます。
以下のコードを探します。

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

このコードを変更します。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)

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

トップページ記事一覧へアドセンスコードを追加


 次に、以下のコードを探します。

      <div class="blog_info">
        <p><i class="fa fa-clock-o"></i>&nbsp;
          <?php the_time('Y/m/d') ?>
          &nbsp;<span class="pcone"><i class="fa fa-tags"></i>&nbsp;
          <?php the_category(', ') ?>
          <?php the_tags('', ', '); ?>
          </span></p>
      </div>
      <div class="smanone">
        <?php the_excerpt(); //スマートフォンには表示しない抜粋文 ?>
      </div>
    </dd>
  </dl>

ココに追加します

  <?php endwhile; else: ?>
  <p>記事がありません</p>
  <?php endif; ?>
</div>



ココに追加します

と書いてあるところに、以下のコードを追加します。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


<?php if ( $loop_count == 3 || $loop_count == 8 ) : ?>
<div class="toppage-adsense">
ここにアドセンスのコードを挿入
</div>
<?php endif; ?>



 私は投稿3つ目の後と、
8つ目の後に広告を表示させるようにしました。

お好みで上記コードの数字の部分を変えて下さい。


 あとは、CSSを追加して調整します。

こんな感じです。

.toppage-adsense{
        padding:20px 0px;
        border-bottom: 1px dotted #999;
}


以上です。


 ちなみに、3記事目と8記事目の後に広告が表示されるという事は、
1ページに表示される記事の数が
3記事以下、または8記事以下の時は広告が表示されません。


 トップページと同様に
月別アーカイブ一覧や、
カテゴリ一覧でも、3.8記事目の後にきちんと広告が表示されます。

色んなページを見て、
実際の表示を確認しましょう。


 出来るだけスッキリきれいに見えるよう、
CSSを変更して、微妙な調節をして下さい。


参考にしたサイト

【Stinger5】収益増加!トップページ記事一覧にアドセンスをのせるカスタマイズ

Stinger5でブログTOPの記事一覧にアドセンスを入れる方法


 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク