IT系SEによる副業ブログ入門(運用・カスタマイズ)

WordPressにGoogle Adsを貼り付けると表示される前に黄色になる。Twenty Twelve

WordPressのテンプレート「Twenty Twelve」を使用した時に、
Googleアドセンスが表示される前の一瞬黄色の背景が表示されます。
あれを回避する方法を紹介します。

 

Googleアドセンスが表示される前の一瞬黄色の背景が表示されるのを回避する方法

一瞬ではあるのですが、Googleアドセンスが表示れるまえに、黄色く編みかけ表示されてしまうんですよね、、、
これを修正したいです。

 

現象が起きる環境。Wordpress Twenty Twelveテンプレート

 

Googleアドセンスが一瞬黄色く表示される原因

この現象は「Twenty Twelve」テンプレートを使用した時に発生しますが、
「外観」-「テーマ編集」にある右メニュー「スタイルシート(style.css)」内に原因があります。
「スタイルシート(style.css)」内の上記赤枠内のbackground設定が黄色い(#fff9c0)ことによってこの現象が発生しています。

 

原因の箇所

ins {
    background: #fff9c0;
    text-decoration: none;
}

 

修正方法

上記「Twenty Twelve」テンプレート部分を直接以下のように修正してもよいのですが

ins {
    background: #ffffff;
    text-decoration: none;
}

こうしてしまうと、今後「Twenty Twelve」テンプレートがアップデートされた時に元に戻ってしまいます。
なので、「外観」-「CSS編集」に追記しましょう。

※「CSS編集」を行うには「Jetpack by WordPress.com」プラグインの導入が必要です。さらにWordPres.comのアカウントも必要です。

ins {
    background: #ffffff;
}

これで「スタイルシートを保存」ボタンを押します