✅ CocoonでCSSを使って人気記事ランキング内に入る広告を非表示にする方法

Googleアドセンスの自動広告を利用していると、人気記事ランキングの途中に広告が勝手に挿入されてしまうことがあります。
記事本文内だけでなく、リストやランキングの中にも広告が入るため、見栄えやユーザー体験を損ねることがあります。
そこで今回は、Cocoonの人気記事ランキング内に入る広告をCSSで非表示にする方法を紹介します。

手順1：子テーマの style.css を開く
手順2：以下のコードを追記
✅ 他の方法（補足）
💡 まとめ

手順1：子テーマの style.css を開く

WordPress管理画面 → 外観 → テーマファイルエディター
「Cocoon Child」の style.css を選択

手順2：以下のコードを追記

css

/* 人気記事ランキング内の広告を非表示 */
.sidebar .widget_popular_entries ins.adsbygoogle {
  display: none !important;
}

👉 ポイント

.sidebar を付けることで「サイドバー内の人気記事ランキング」に限定できます。
.widget_popular_entries は Cocoonの人気記事ウィジェットに付与されるクラスです。
これでランキングの途中に入る広告だけを消せます。

✅ 他の方法（補足）

AdSense管理画面で「記事内広告」をオフにすると、リストやランキング途中に広告が入らなくなります。
ただし「記事本文内の広告」も止まるので、記事内広告を使いたい場合はCSSで制御する方が柔軟です。

💡 まとめ

人気記事ランキングの途中に広告が入るのは自動広告の仕様
CSSで .sidebar .widget_popular_entries ins.adsbygoogle { display: none !important; } を追記すれば消せる
サイドバー以外にも人気記事を置いている場合は .sidebar を外して全体に適用可能