現在の接続環境は
です

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

Windows10サポート終了まで

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

AdSense Stinger6 WordPress カスタマイズ

記事上に人気記事表示

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

所要時間目安:2

This session is using  IPv4  is established in

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

今日は2024年11月21日です。

目次に行く・戻る

2024年11月21日 (木曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. エクストレイルフォグランプの光軸調整後

    エクストレイルフォグランプが下を向きすぎている光軸調整方法 39PV

    人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

    もっと読む

  2. Windows10で動かないアプリを動かす方法2 16PV

    先日も書きましたWindows10の不具合?に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

    もっと読む

  3. エクストレイルステアリング内のスパイラルケーブル接続部コネクタ

    ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 9PV

    NISSANエクストレイルは日産の中でも人気のSUV車です。そのエクストレイルは今年の6月8日にT32型の後期型がマイナーチェンジして発売されました。新しい後期型にはメーカーオプションで話題の半分自動…

    もっと読む

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

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

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

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. TRDステアリングTOYOTA純正品

    ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

    ここ最近のハイブリッド車や電気自動車においては、ハンドル(ステアリング)を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

    もっと読む

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

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

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

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. TRDステアリングTOYOTA純正品

    ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

    ここ最近のハイブリッド車や電気自動車においては、ハンドル(ステアリング)を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

    もっと読む

メルカリ招待コード:

ここのところ
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ファイルを上記のように編集すると、

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

クリスマスまであと…プレゼントは用意されましたか?

🎉 Counting Up! 🎉
Loading...

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

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

0

カウントダウンタイマー

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

RSSフィードにアイキャッチ画像と続きを読むを表示させる方法

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

RSSフィードにアイキャッチ画像を表示させる方法Feedlyなど

WordPressでのブログ運営にして間もなく一年が経とうとしています。 はじめは試行錯誤でphpって何?functionって日本語だと機能って意味だけれど何?みたいな感じでした。まぁ、今でも超有名な…

もっと読む

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

WordPress日本語化

WordPress アップグレード 伝えたいこと 備忘録

WordPressを日本語化する方法と設定は実は1秒でできる…。

先日(昨日)WordPressのバージョンをやっとこさ4.5.2の最新版にしました。なぜか?それは一番はセキュリティ上の問題の解消ですが、他にもサイトのページ表示速度が、もしかしたら速くなるかもなんて…

もっと読む

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

WordPress テーマ

Stinger6からStinger5にしてみた。

WordPress4.4でStinger5にして、 WordPress4.3.1でStinger6にしてみてしまった。 たしか、 Stinger6はWordPress4.4仕様だったような気がしました…

もっと読む

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

ネコ

WordPress

アイキャッチ画像を設定してみた。

よく言うアイキャッチ!!正直めんどくさいですよね。でも、訪問者やTwitter、Facebookなどにサムネイル表示される際に、自分のブログの記事にアイキャッチ(画像?)があると…。

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

WordPress セキュリティ メンテナンス 伝えたいこと 備忘録

セキュリティ対策としてreCAPTCHAプラグインなしで導入方法代替としてはCloudflareTurnstile

サイトのコメント欄やメールフォームなどにおいて、スパム的なコメントやスパムメールなどbot(機械的)と思われる投稿などの対策として有名なのがGoogleのreCAPTCHAがあります。他にもCloud…

もっと読む

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

今日の人気記事

Stinger6 WordPress カスタマイズ

記事の上に今日の人気記事を表示する方法

↑ のように、 個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。   WordPressにおいては、 WordPress Popular Postsという人気記事のプ…

もっと読む

あなたが訪問してから

0 秒経過 🎉

あなたが訪問してから

0 秒

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total351


アドセンス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。

comment

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


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

あと5秒で記事が閲覧できます。