<忘備録>わたしの場合 ※誰かの解決のヒントに自己責任でお試しください。

フロントページやカテゴリなどの記事一覧にインフィード広告を挿入した際に、枠からはみ出したり、ズレたりして本来の記事リストのイメージを損なっていました。
テーマを適用した際は正常なのに、カスタマイズを行ったりプラグインを追加したりした後にいつの間にかレイアウトが崩れていることに気づきました。
このページを構築しているemanonというテーマも、いつの間にか崩れてしまい修正するのに四苦八苦したあげく、googleアドセンスの規約に違反せずにcssで修正する手段を使ってレイアウトを整えました。
私のケースでは、アドセンス広告が横幅はきれいに収まっていたものの画像が一覧の枠組より下部に25px下がっていました。

アドセンス広告がズレているケース

超単純なcssで解決

.ads-01{
}
.adsbygoogle{
   margin-top:-25px;
 }

アップロードした画像のサイズが異なり、アイキャッチ画像と背景の枠に誤差が出て影響しているのかいろいろ試行錯誤を行った。そこで、まず最初に単純に「margin-top:-25px」で上に25px上げてみたところ綺麗に整形しました。

ページに馴染んだアドセンス広告


2、3日も何が原因なのかと試行を繰り返したにもかかわらずあっけなく解決しました。