この記事の合間に、グーグルアドセンス広告を挟むカスタムです。
少し手間ですが、ある程度カスタマイズ出来る人なら大丈夫だと思います。
トップページ記事一覧の中に広告を埋め込む
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>
<?php the_time('Y/m/d') ?>
<span class="pcone"><i class="fa fa-tags"></i>
<?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ヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク