CSSのdisplay:noneの使用による広告表示の消し方について
-
いつもお世話になっております。個人で作成したテーマにおけるstyle.cssについて質問です。
【質問の主旨】
1.
自分が運営しているブログにおいて、スマホ表示のときにサイドバーにある広告(.ad1)の表示をCSSの記述で消すためにはどうすれば良いでしょうか?2.
自分が運営しているブログにおいて、スマホ表示のときに記事コンテンツの下部にある2枚目の広告(.ad3)をCSSの記述で消すためにはどうすれば良いでしょうか?【質問の補足】
1.
下記のドキュメントシートでPC表示のときとスマホ表示のときのそれぞれにおいて、.ad1(レスポンシブ)、.ad2(レクタングル(中)) .ad3(レクタングル(中)) 、広告ユニットの関係について示したスクリーンショットを添付しております。https://docs.google.com/document/d/1DKFtZ8iUS-UgMElZyRk2G2ZYI7k23XBQ-m-mTob4nYg/edit
2.
style.cssの中でもGoogle Adsenseに関するコードは以下の通りにです。
https://github.com/echizenyayota/e-yota/blob/personal_lesson_20171012/wp-content/themes/mytheme/style.css#L1008-L1061今回の質問に関して特に分からないコードが2箇所あります。
– 1023行目〜1027行目(【質問の主旨】の1)
@media (min-width: 768px) { .ad1 { display: none } }
としてパソコン表示以外の時は、.ad1(レスポンシブ)の表示を、”display: none”で消しているにも関わらず、実際には表示されています。
– 1050行目から1061行目(【質問の主旨】の2)
@media (max-width: 768px) { .ad2 { float:none; width:100%; } .ad2 p { text-align: center; } .ad3 p { display: none; } }
として、スマホ・タブレットサイズの時では.ad3(レクタングル(中))を”display:none”で表示を消しているにも関わらず、実際には表示されています。
3.
single.phpの記述は下記のGitHubにアップしています。
https://github.com/echizenyayota/e-yota/blob/personal_lesson_20171012/wp-content/themes/mytheme/single.php
以上、ご確認よろしくお願い申し上げます。ヘルプの必要なページ: [リンクを見るにはログイン]
- トピック「CSSのdisplay:noneの使用による広告表示の消し方について」には新たに返信することはできません。