アドセンス周りの青枠について

広告の周りに表示される枠線について

 
さほど気にならなかったのだが、Google AdSenseの広告枠の周りに、青色の線のようなものが表示されていた。最初は一時的なものなのかと思ったのだが、どの記事ページでも、スマートフォンで見ていてもこの「青色」の枠線のようなものが表示されていたので、これを消す方法について以下にメモ。
 

広告枠の背景色

 
こちらのページに『Google Adsense表示前にあらわれる黄色の背景色を非表示にする方法』について記載されていた。自分の場合は黄色ではなかったが、確かに、広告枠の背景色が広告とずれている感じだった。
 
(設定変更前の状態)
adsense-01
 

そこで、試しにINSタグの背景色の設定を変更してみることにした。
 

INSタグの設定変更

 
INSタグの背景色の変更は、「WordPress」の「外観→テーマの編集」から「style.css」を以下のように修正した

/**
* 3.0 – Typography
*/

(中略)

ins {
/*background: #007acc; */
background: none;

color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;

 
上記のように背景色の設定をコメントアウト、”none”の設定を追加して「設定を保存」し、記事ページを更新してみたところ、ちゃんと広告周りの枠線のようなものが消えていることが確認できた。

 
スポンサーリンク