ワードプレスのテーマであるgush2のメイン上部にあるアドセンス広告ですが、時々下のほうが途切れて表示される事があったので、それを修正しました。
なんでだろう？ なんでだろう？ なぜだ？ なぜだ？ なんでだろう？
広告すべてが途切れた表示ではなかったと思う。（もしかして私の勘違いだったかも知れません）
メイン上部にあるアドセンス広告
- ここで紹介するgush2のカスタマイズは、私の備忘録です。
- gush2は素でも使える。でも個性を出すためにカスタマイズしよう
- バックアップは忘れずに！！！
以下記事はワードプレス(WP)や、テーマのgush2をカスタマイズしたやり方等を忘れないために書き留めた備忘録です
これらを参考にカスタマイズする時は、自己責任でお願いいたします。
ソースコードを変更する場合は、ＦＴＰソフトを使ってサーバーにアップ。または各サーバーのオプション（ファイルマネージャー）等（例はさくらサーバーです）でカスタマイズを行ってください。
Google Adsense の広告ユニットを作成時、広告サイズを「レスポンシブ」に設定
したにもかかわらず広告の種類よっては、画像の下のほうが途切れる現象が起きま
した。
これって、私だけでしょうか？
メイン下部のアドセンス広告は、上記のような現象は起きていません。
なんか非常に気になったのでスタイルシート(style.css)の記述を変更して修正し
ました。
修正前のコードです。
ＰＣ用のところに有ります。
[css]
/*————————————–
1024px 広告スペース
————————————–*/
.entrybodytop_ad {
width: 728px;
height: 90px;
margin: -20px -62px 36px -62px;
overflow: hidden;
}
[/css]
上記コードを下記コードに変更する。
[css]
/*————————————–
1024px 広告スペース
————————————–*/
.entrybodytop_ad {
width: 728px;
height: 90px;
margin: -20px -62px 52px -62px;
overflow: visible;
}
[/css]
「overflow: hidden;」を「overflow: visible;」に変更した。そして下側の余白
（マージン）が変わったので、その部分のみ変更した。
私は子テーマを使っているので、下記コードを追加した。
[css]
/*————————————–
PC メイン上部広告修正
————————————–*/
@media screen and (min-width : 1024px) {
/*————————————–
1024px 広告スペース
————————————–*/
.entrybodytop_ad {
width: 728px;
height: 90px;
margin: -20px -62px 52px -62px;
overflow: visible;
}
}
[/css]
タブレット768px用修正コード
[css]
/*————————————–
タブレット 768px メイン上部広告修正
————————————–*/
@media screen and (min-width : 768px){
/*————————————–
768px 広告スペース
————————————–*/
.entrybodytop_ad {
width: 728px;
height: 90px;
margin: -20px 20px 52px -20px;
overflow: visible;
}
}
[/css]
修正後
まとめ
上記カスタマイズ後、広告が途切れて表示される事はなく、きれいに全画面表示さ
ています。
多分これは私だけの現象かも知れませんが、このコードを追加後は今のところ広告
が途切れることなく正常に表示されています。
あなたも上記のような現象が起きた場合、修正コードを追加してみてはいかがでし
ょうか！！
ただ一つ気になる現象が発見されました。
会社のＰＣで私のブログを開いたら、トップページの上部広告が７２８ｐｘのレス
ポンシブデザイン用の広告では無く、３００ｐｘの広告が表示されている。
その他自宅のＰＣ・タブレットやスマホで確認したら、正常に７２８ｐｘのレスポ
ンシブデザイン用のアドセンス広告が表示されます。
ウィジットには、間違いなく７２８ｐｘのレスポンシブデザイン用のアドセンス広
告コードを入れております。
会社のＰＣは会社で一般的に使われているモニター（ワイド画面ではない）で、た
しか画面の幅が８００ｐｘだったと思う。
ブラウザはＩＥ８。なんか気になったが今のところ修正コードが判らないので、と
りあえずこの状態でマッハゴーゴーゴーっとなりました。
コメント