WordPress Popular Posts スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている

カスタムCSSの記述をこちらに載せるべきでしょうか・・？

WordPress機能のカスタムCSSでしたら『Simplicity2に関する話題何でも』辺りかもしれないですね。ですが間違っても特に問題にならない印象があります＾＾

スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている。
（上位10位表示の設定ですが、11位まで表示されている）
PCでは表示問題ないですが、スマホでの事象です。

私は11位まであるのを確認できませんでしたが、広告が2位になってしまって紛らわしい広告扱いになるのであればアドセンス側に対処してもらわないと…ですね。

順位を入れてない状態でしたら、紛らわしさは感じませんけど…。

おはようございます。

.ranking_list {
  counter-reset: wpp-ranking;
}
.ranking_list ul li{
  position: relative;
}
.ranking_list ul li:before {
  position: absolute;
  /* ココstyle */
}

もし変更するとしたら、元の指定▲の部分をaタグにして、aにclass属性、例えばhogeをいれて

.ranking_list {
  counter-reset: wpp-ranking;
}
.ranking_list .hoge{
  position: relative;
}
.ranking_list .hoge:before {
  position: absolute;
  /* ココstyle */
}

としたらアドセンスはランキングに入らないですね。試したのは別テーマで自分のページランキングに広告が入った状態で検証画面でやったまででただの提案止まりですが。

Simplicity人気記事ランキングのaタグにclass属性をつけるとおそらく上手くいくと思いますけど、子テーマ側でカスタマイズしてる人は書き換えないとダメかも？？と想像中です。

ランキングliにアドセンスが入ったときのHTMLの冒頭部分は以下の通りだったので。

<a class="google-auto-placed" style="clear: both; display: block; padding: 0px; margin: 0px; box-sizing: content-box; width: 334px; height: 280px;"><ins data-ad-type="text"

もしダメだったらスミマセン。

ちなみに試した環境はCocoon。SimplicityのCSSを以下のように変更しました。

.popular-entry-cards {
  counter-reset: wpp-ranking;
}

.popular-entry-cards .popular-entry-card-thumb {
  position: relative;
}

.popular-entry-cards .popular-entry-card-thumb:before {
/*スタイル～略～*/

そもそも仕様が違ったからやっぱり順位を付けないのが良いかもですね。

＞わいひらさま

ご確認いただきありがとうございます。
自動広告いれております。
確かに導入後あたりからこの現象が起きているのですが、試しにコード消してみましたが解消されずでした。。

＞かうたっくさま
ご確認いただきありがとうございます。
順位を入れないのも確かにひとつの手ですね、、
検討してみます。ありがとうございます。

わいひらさま

自動広告コードを外しました。
必要な情報かはわかりませんが、設定方法はこちらを参考にしており、テーマ編集＞「header-insert.php」内にAdsense自動広告コードを貼り付けておりました。

わいひら様

お調べいただきましたのにお返事が遅れて申し訳ありません。

わたしのほうでもヘッダーの自動広告がなくなったのを確認いたしました。
ありがとうございます。

ですが、ほかの設定なにをどうしたか覚えておらず・・
すこし調べて見ようと思います；；

連投失礼いたします。

すでにクローズしていますが#59893の件でテーマをアップデート後あたりから、サイドバーウィジェットのタイトルアイコン（Font Awesome）が少し欠けて表示されるようになってしまいました。PCのみでの表示です。

そこでキャッシュを消してみたら、今度はヘッダー内に広告が表示されるようになってしまいました><
FAQを参考にgoogle-auto-placedの記述があったので、場所を特定してみるとおそらくヘッダーになっています。

ただ、前述のとおり自動広告のコードはヘッダーから削除しているため、なぜ消えないのかわからず苦戦しております。

おっしゃるとおり自動広告のコードがまだどこかに残っているのでしょうか？

お返事が遅れまして申し訳ありません。

現在、Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法に記載のある設定しかしていないため、

>検索キーワードは「//pagead2.googlesyndication.com/pagead/」とか「 google_ad_client」
→これを除外すると、広告自体表示されなくなってしまわないでしょうか・・？？（目次前とSNSボタン下など）
AdSenseから取得したコードの文字列に「//pagead2.〜」と含まれているので。

知識不足で論点がズレているかもしれませんが、アドバイスいただけますと幸いです；；

わいひら様

Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法で設定したモノを思い切って削除してみました。
が、やはりTOPページのヘッダー広告だけは表示されています。

キャッシュをクリアしても消えませんでした。。

これ以外は広告設定していないはずなのに、なぜ消えてくれないのでしょうか、、
ほかに解決策ありますでしょうか・・？

設定はいったん戻そうと思います。

自動広告コードがある位置から考えると、子テーマの function.php 、またはプラグインで広告コードを挿入されてはいないでしょうか。

Akira様

コメントありがとうございます。
前者はいじっていないので、プラグインのHead, Footer and Post Injectionsを停止してみたところ、無事広告が非表示になりました。停止にしてよかったのかわかりませんが。。

「 Head, Footer and Post Injections 」プラグインは、＜head＞タグ内や＜/body＞タグ直前にコードを挿入できるものみたいですね。

特に利用されていなければ、削除されても構わないと思います。

Simplicity は、子テーマに header-insert.php と footer-insert.php が用意されています。＜head＞タグ内にも＜/body＞タグ直前にもコードを挿入できるので、「 Head, Footer and Post Injections 」プラグインはいらないかなと感じます。

Akira様

ごていねいに教えていただきありがとうございます。
必要なさそうなら削除しようと思います。。

わいひら様ともに真摯にご対応くださり感謝いたします。
ありがとうございました。