ニケッチャニッキ

はてなブログ・WordPressカスタマイズ・Androidプログラミング

GoogleAdsenseの黄色い背景色を消す

f:id:niketcha:20190707194119j:plain

GoogleAdsenseのインフィード広告を設定したページを開くと、広告が表示されるスペースが一瞬薄い黄色で表示される現象が…

それだけならまだいいのですが、広告の画像サイズによっては広告表示後も画像の周りが薄い黄色になってしまう現象が起こりました。

せっかくサイトのデザインに馴染むように作られたインフィード広告なのに、なんだか悪目立ちしています。

そこでこれを解決する方法を探してみました。

広告の背景色を消す方法

広告の背景色はINSタグで設定されている

WordPressのテーマのCSSを確認すると、INSタグを設定している箇所があります。

ins { 
    background-color:#ffffcc; 
    color:#000;
    }

このCSSではINSタグで囲まれた部分の背景色が#ffffccという色になります。

INSタグを使用しないのであれば、こちらの設定をさくっと削除してしまうなり、背景色をnoneや白などに変えるだけでOKです。

INSタグとは?

Insertの略で、INSタグで囲まれた部分が後から追加された部分であることを示すためのものだそうです。