Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › トップページインデックストップへのビッグバナー広告の表示について
-
投稿者投稿
-
-
2016年2月15日 11:56 PM #36548
ラッキー
ゲスト素晴らしいテーマを作成いただきありがとうございます。
グーグルアドセンスの配置について質問です。
ウィジェットにてインデックスリストトップへパソコン用テキストウィジェットを配置し、グーグルアドセンスのビッグバナーを張り付けたところ、広告が右にはみ出てしまいます。
広告を中央へ配置する方法はございますでしょうか?
具体的には、以下のサイトのような表示を試みています。
http://valavg.com/(おそらくスタイルシートを修正するのではと想像しますが、なにぶん初心者のため、サンプルコードなど御教授いただけるととても助かります。)
宜しくお願いいたします。
-
2016年2月16日 1:10 AM #36550
Hidekichi
ゲストはみ出すのは横幅が足りないからです。
リンク先のサイトでは、.ad-top-pc { width: 728px; margin: 0 -24px 15px; }こういうcssが入っていました。これがSimplicityのデフォルトのものなのか、それとも独自に入れられているのかはわかりませんがこのようにすればひとまず入るということになります。
幅を出すためにどうすればよいかですが、これはトップのリストならとても簡単です。
その他のページにも影響が及ぶので、それぞれテストしながら設定していく必要がありますが、例えば#main { padding: 20px 0; /*#mainの横paddingを無くす*/ } #list { margin: 0 29px; }これだけで#mainの幅いっぱいまで使えます。この状態だと、該当サイトのアドセンスは左によってしまうので(最初の.ad-top-pcのスタイルのため)、
.ad-top-pc { margin: 5px auto; }これでセンターになります。ネガティブマージンは時としてマイナスポイントになりますから、できるだけ上手くmargin、paddingを活用したいものです。
で、投稿ページやらはどうするかですが、上記のように#mainの横paddingを0にしたとして、.article は #breadcrumbを除くメイン記事部分〜#under-entry-body(関連記事部分かな)まで
#the-content は 記事下の広告までと言う感じになってますので、このようにセレクタを調べて、例えば.articleは#the-contentも含んでいるので、関連記事以外は.articleでpaddingが付けられます。
#breadcrumb, .article, #under-entry-body { margin: n 29px; /*上下マージンnは要調整*/ }こんな感じで投稿ページはこのレスの#mainのpaddingを取り除いても元に戻るんじゃなかろうかと思います。
各々のパーツごとに上下調整したい場合は、各々のセレクタにmarginなりを入れれば良い感じになります。まぁひとまずこんな感じでやってみて、上手く行かなかったらまたレス下さい。
-
2016年2月16日 5:20 PM #36560
ラッキー
ゲストいろいろとアドバイスいただきありがとうございます。
まずは勉強しながらいろいろいじってみます。
また何かありましたらお尋ねさせていただくかもしれません。宜しくお願いいたします。
-
2016年2月16日 6:00 PM #36570
わいひらキーマスター僕がサイトを拝見した時には、既に修正されていたので、詳しいことはわかりませんが、もしかしたらテーマカスタマイザーで、「PCトップ広告をカスタムサイズ広告に」が有効になっていた可能性もあるかもしれません。

-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。