ここのところ
WordPressにハマっている私です。
特にまだ始めたばかりなのでカスタマイズに没頭中です。(汗)
トップページの記事一覧にダッシュボードのStinger管理よりいくつの記事を表示するか設定は可能です。
現在私は20にしています。
デフォルトでは10だったかなぁ…。
ほんとは10くらいが良いかなぁと思っていたのですが、
製作者サイトに20くらいは…。
とあったので現在は20にしています。
（今後変更の可能性ありです。）
そこで、
トップページにはStinger6（もしくはStingerシリーズで）ですと、
右上のアドセンス広告しか表示されない仕様になっています。
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,470件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,311件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,469件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,030件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,206件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,211件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,271件の PV
- 車のキーナンバー確認方法。キーレス紛失や壊れた時
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
- Windows10,Windows8.1プロダクトキー確認方法
- Windows10でエラーコード0x800705b4の対処方法
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
- スロットルポジションセンサー調整で不安定なアイドリング調整
- 車から異音の原因。カラカラ、カタカタ、コトコトなど…。
- Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
- ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
- カーメイトのエンジンスターターでエラー15表示と対処方法
それをあと2つ追加表示する方法です。
参考にさせて頂いたさいとは以下です。
≫Stinger5でブログTOPの記事一覧にアドセンスを入れる方法 | cv0629
こちらに詳しく記載されていますが、
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にしてみました。
以下その際のスクショです。
はじめの説明の部分は上記画像の部分になります。
次に、
2つ目のアドセンスコードを記載する場所ですがそれは以下画像のように（部分）なります。
これで、
Stinger6でもトップページに記事と記事の間に広告が表示されるようなります。
（count==○ の○の部分に指定した2つの数字の記事の後です。）
そして、
そのままですと、
レイアウトが次の記事の下に間隔なく表示されてしまうので、
cssにて調整します。
これは参考サイト様のcssそのままです。≦(._.)≧ ペコ
.toppagead {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #999;
}これを記載しますと、
以下のように綺麗に配置されて表示されるようになります。
いかがでしょう…。
まだまだこれからもカスタマイズネタばかりの更新になるかと思いますが、
（汗）
また、
トップページに画像のサムネイル表示ONにしているからitiran-tumbnail-on.phpファイルの編集ですが、
おそらく、
トップページに画像のサムネイル表示をOFFにしている場合は、
itiran-tumbnail-off.phpファイルを上記のように編集すると、
しっかりとトップページの記事一覧の指定した箇所にアドセンス広告が表示されるようになると思われます。
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時32
- カーメイトのエンジンスターターでエラー15表示と対処方法30
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法21
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ11
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく8
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)6
- 年賀状ソフトおすすめ筆王、筆まめ、筆ぐるめ最新版で年賀状作成6
- TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号）5
- エクストレイル純正スピーカー交換方法とおすすめ社外スピーカー5
- 車のハンドルが重い時にできる対処方法4
おすすめ！！
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう！！ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ！！
あなたにおすすめ
-
WordPress アップグレード カスタマイズ 不具合 伝えたいこと 備忘録 時事ネタ
WordPress4.7が12月6日にリリースされるけれど、不具合とか大丈夫かなぁ。
ついこの間WordPress自体のバージョンアップを新しい4.6.1が公開されてから行ったばかりなのに・・・・・・。こう今月の12月6日には新しいWordPress4.7バージョンが公開されるようです…
-
ページ表示速度が遅いのでphotonが使いたくてJetpackプラグインをインストールしてみた…。
ここのところ、サイト（ブログ）のページ表示速度が気になってしまいます。以前に運営していたBloggerブログでも同様のことを考えたりしていました。ですが、サイトのページ表示速度が少しくらい遅くても時代…
-
Jetpack新らしい統計情報を旧バージョンに設定し直す方法
WordPressへのプラグインは多数のものがあります。その一つにJetpackがありますが、このJetpackには様々な機能がワンパックに入っているような多機能なものです。アクセスの統計情報やサイト…
-
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
人気記事ランキングに順位を付けてCSSで丸く表示する方法
多くのサイトやブログにおいて人気のある記事は異なると思います。 また、 人気記事をサイトやブログに表示しておくだけで訪れてくれた人にこのブログやサイトでの人気のある記事ランキングが分かるようになります…
danna
はじめまして。
とても参考になりました。ありがとうございます。
ただ一つだけＣＳＳに
.toppagead {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #999;
}
を貼っても
記事とアドセンスがくっついたままで、
間の区切りの点線も入らないのですが、どうしたら直るかご存知でしょうか？
図々しいお願いですがもし直す方法がございましたら
お教えいただけると助かります。
よろしくお願いします。