
Diverの「投稿内上部ウィジェット」を使えば、広告や画像などを投稿ページの上部に簡単に表示させることができます。
当ブログでいえば、アイキャッチ画像のすぐ下にあるバナー広告が投稿内上部ウィジェットのエリアですね。
基本的にこのエリアは広告や画像の背景に余白ができますが、この余白部分の「背景色」を好きなカラーに変更する方法を紹介していきます。
Diver 投稿内上部ウィジェットの背景色を変える方法!
投稿内上部ウィジェットの背景色を変えるには↓のコードを追加CSSに貼り付けます。
.widget.single-top {
background: #○○○○○○;
}
background: #○○○○○○;
}
あとは「#○○○○○○」に好きなカラーコードを入力するだけでOK!
これで投稿内上部ウィジェットに設置した広告や画像の背景色が変更されます。
Diver 投稿内下部ウィジェットの背景色も変更可能!
ちなみに、↓のコードを貼り付ければ「投稿内下部ウィジェット」の背景色も変更可能になります。
.bottom_ad {
background: #○○○○○○;
}
background: #○○○○○○;
}
投稿内上部ウィジェットの背景色と同様に、好みのカラーでカスタマイズを楽しんでみてください。
まとめ
Diver投稿内上部ウィジェットの背景色を変える方法を紹介してきました。
コードを追加するだけでサイトや広告画像に合わせた背景色にできるので、投稿内上部・下部ウィジェットを使っている人はお試しください。
最後までお付き合い頂き、ありがとうございました^^