現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

Stinger6トップページ記事間にアドセンス広告を表示・入れる方法

AdSense Stinger6 WordPress カスタマイズ

所要時間目安:2

This session is using  IPv4  is established in

今日は2025年5月24日です。

この記事は2015年12月28日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年5月24日 (土曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. プッシュスイッチの自動戻りスイッチタクティカルスイッチ化初め

    プッシュスイッチを自動戻り(タクティカルスイッチ化)スイッチ加工方法 1PV

    車のカスタマイズ(その他の電化製品などのDIY)には欠かせないスイッチです。スイッチにもいくつかの種類があります。その中でエーモンのプッシュスイッチを自動戻りスイッチに加工する方法です。最近発売されて…

    もっと読む

  2. ジェネリック医薬品

    ジェネリック薬一覧、(後発医薬品一覧)そして先発医薬品との違い 1PV

    もう多くの方がご存知だと思われますが、 黒柳徹子さんのCMでお馴染みとなったジェネリック医薬品という薬があります。まずは、ジェネリック医薬品とは?ですが、日本語にすると後発医薬品というものになります。…

    もっと読む

  3. プラグイン使わずにアイキャッチ画像自動生成コード 1PV

    アイキャッチ画像を毎回設定するために、いろいろと作成したらりフリー素材を使用したり意外と大変ですね。そこで、プラグインを使用してのアイキャッチ画像自動生成をするコードを作成してみました。背景色やフォン…

    もっと読む

  1. エクストレイルT32ヘッドライト光軸調整方法 22PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 22PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 21PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  1. エクストレイルT32ヘッドライト光軸調整方法 22PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 22PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 21PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

ここのところ
WordPressにハマっている私です。

特にまだ始めたばかりなのでカスタマイズに没頭中です。(汗)

トップページの記事一覧にダッシュボードのStinger管理よりいくつの記事を表示するか設定は可能です。

現在私は20にしています。

デフォルトでは10だったかなぁ…。

ほんとは10くらいが良いかなぁと思っていたのですが、
製作者サイトに20くらいは…。

とあったので現在は20にしています。
(今後変更の可能性ありです。)

そこで、
トップページにはStinger6(もしくはStingerシリーズで)ですと、
右上のアドセンス広告しか表示されない仕様になっています。

この記事を読む方へのオススメ

メルカリ招待コード:

それをあと2つ追加表示する方法です。

参考にさせて頂いたさいとは以下です。
Stinger5でブログTOPの記事一覧にアドセンスを入れる方法 | cv0629

アドセンス336pxPC閲覧記事下表示1つ目コード


こちらに詳しく記載されていますが、
Stinger6ですと、

itiran.phpには、

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

はありません。

あるのはitiran-thumbnail-on.phpファイルの中です。

このphpファイルを小テーマ内にコピーします。

その後、

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

のコードの場所を探して、
(上の方にあります。)

以下のコードに変更します。

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

さらに、

下部の方に、

<?php the_excerpt(); //スマートフォンには表示しない抜粋文 ?>
 </div>
 </dd>
 </dl>
 <?php endwhile; else: ?>
 <p>記事がありません</p>
 <?php endif; ?>
 </div>

というコードがあるので、

この中の以下のコードの上に

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

さらに、

以下コードを今度は追加します。

<?php if ( $loop_count == 3 || $loop_count == 10 ) : ?>
 <div class="toppagead">
 <p style="color:#666;margin-bottom:4px;text-align:center;">スポンサーリンク</p>
 ここにアドセンスのコードを挿入
 </div>
 <?php endif; ?>

count==3の数字のところは、

任意で変更すると3記事目の後にアドセンス広告が表示されるようになります。

上記したように現在私はトップページに20記事程表示させているので、

3と10にしてみました。

 

以下その際のスクショです。

Stinger6トップページにアドセンス広告表示方法

はじめの説明の部分は上記画像の部分になります。

次に、

2つ目のアドセンスコードを記載する場所ですがそれは以下画像のように(部分)なります。

Stinger6トップページにアドセンス広告表示方法

これで、

Stinger6でもトップページに記事と記事の間に広告が表示されるようなります。
(count==○ の○の部分に指定した2つの数字の記事の後です。)

そして、

そのままですと、

レイアウトが次の記事の下に間隔なく表示されてしまうので、

cssにて調整します。

これは参考サイト様のcssそのままです。≦(._.)≧ ペコ

.toppagead {
 margin-bottom: 20px;
 padding-top: 10px;
 padding-bottom: 20px;
 border-bottom: 1px dotted #999;
 }

これを記載しますと、

以下のように綺麗に配置されて表示されるようになります。

 

Stinger6トップページにアドセンス広告表示方法

いかがでしょう…。

まだまだこれからもカスタマイズネタばかりの更新になるかと思いますが、

(汗)

また、

トップページに画像のサムネイル表示ONにしているからitiran-tumbnail-on.phpファイルの編集ですが、

おそらく、

トップページに画像のサムネイル表示をOFFにしている場合は、

itiran-tumbnail-off.phpファイルを上記のように編集すると、

しっかりとトップページの記事一覧の指定した箇所にアドセンス広告が表示されるようになると思われます。

Windows10サポート終了まで
143日 22時間 6分 42秒

Multiplex 広告

あなたにおすすめな関連記事

WXR-1750DHP

PC カスタマイズ 伝えたいこと 備忘録 無線LANルーター

BUFFALO無線LANルーター設定画面インターネット接続可能方法

昨今の無線LANルーターは接続速度の向上が著しいです。 また、仕様の変更などもありこれまではipアドレスに、192.168.1.2などと打ち込めば管理画面にログインすることができました。 ですが、 新…

もっと読む

インフィード広告アドセンス

コメント欄を開閉式にする方法

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法

前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

もっと読む

インフィード広告アドセンス

コンタクトフォーム

Stinger6 Stinger7 WordPress カスタマイズ 備忘録

続、プラグインなしでコンタクトフォームを作成方法

  先日、 WordPressでプラグインを使わないでお問い合わせ(先)フォーム(コンタクトフォーム)の作成する方法を記載しました。 (プラグインなし)   WordPressプラ…

もっと読む

インフィード広告アドセンス

WordPress カスタマイズ メンテナンス 伝えたいこと 備忘録

開始日を指定してプラグインなしでカウントアップタイマーの設置方法

カウントダウンタイマーは言わずと知れた機能となっていますが、カウントアップタイマーというものもあります。例えば平成になってから…。とか令和になってから…とか自分が生まれてから…とかというように、その頃…

もっと読む

インフィード広告アドセンス

AMP画像

AFFINGER4Pro WordPress カスタマイズ 備忘録

AMP化したページでカエレバ・ヨメレバ・アプリーチを表示する方法

もうAMP化が騒がれて2年くらいになるのでしょうか・・・。それぞれのテーマによっては標準で対応しているものもありますね。ですが、対応していてもカエレバヨメレバのアフィリエイトコードの変換にはうまくでき…

もっと読む

インフィード広告アドセンス

ページ表示速度高速化

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロックを非同期にしてみる。

ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ!!なんて思い過ぎている私です。 ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそ…

もっと読む

【AmazonタイムセールSALE車&バイク】!


人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

出展:Amazonタイムセール

人気の商品が日替わりで登場。毎日お得なタイムセール

あなたが訪問してから

1 秒経過 🎉
874日 1時間 53分 18秒

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

入学入社おめでとうございます!!

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:

9536日 1時間 53分 18秒

カウントダウンタイマー

おすすめの記事一部広告

Total577


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-AdSense, Stinger6, WordPress, カスタマイズ
-, ,

目次に戻る

目次に戻る


コメントを閉じる
  1. あやな より:

    はじめまして。
    とても参考になりました。ありがとうございます。

    ただ一つだけCSSに
    .toppagead {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #999;
    }
    を貼っても
    記事とアドセンスがくっついたままで、
    間の区切りの点線も入らないのですが、どうしたら直るかご存知でしょうか?

    図々しいお願いですがもし直す方法がございましたら
    お教えいただけると助かります。
    よろしくお願いします。

    • danna より:

      あやな様。コメントありがとうございます。
      テーマは何をお使いでしょうか?
      Stinger6でしょうか?

      私の場合はStingerPLUS+とStinger7においても実施確認済みなのですが、
      現在当サイトのCSSを確認してみましたが、
      やはり、
      .toppagead {
      margin-bottom: 20px;
      padding-top: 10px;
      padding-bottom: 20px;
      border-bottom: 1px dotted #999;
      }
      ですね…。

      その他phpコードの配置箇所などに間違いはないでしょうか・・・・。

      あとは、
      padding-bottomの20pxを少々変更してみてどうかなのかと思います。

      それでもダメであればpadding-topのpxを変更してみるかmargin-bottomのpxを変更してみるしかないのではないかと思われます。

      あまりお力になれなくて申し訳ありません。m(__)m。

あやな へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.

S