プラグイン「Widget CSS Classes」をインストール・有効化すると、各ウィジェットに以下のような CSS のクラスを追加できる欄が追加されます。
例えば、ブログに以下の CSS を追加し、
.widgetcss { background-color: #eee; border: 1px solid #bbb; border-radius: 4px; padding: 10px 15px; }
ウィジェットに以下のように CSS のクラスを追加すると、
そのウィジェットだけ、背景色を以下のような感じで変更することができます。
なお、メニューの場合は、もともとオプションで、メニューごとに CSS のクラスを付与できる機能がついています。
スイマセン!初歩的は質問です。
「ブログに以下の CSS を追加し、」とあるのですが、ブログってどこのことですか?
いいねいいね: 1人
詳しく記載すると、「ブログ全体に CSS を追加できるツールの入力欄に」という感じです。
いいねいいね
.widgetcss {
background-color: #eee;
border: 1px solid #bbb;
border-radius: 4px;
padding: 10px 15px;
}
をどこにどうやって入れたらいいのか、教えていただけると助かります!
いいねいいね: 1人
以下のプラグインを使うと、ブログ全体に CSS を追加できます。
JetPack by WordPress.com
Simple Custom CSS
My Custom CSS
Improved simpler CSS
Best Custom CSS
Enhancing CSS
…
私自身は、「JetPack by WordPress.com」というプラグインを使っています。
ご参考: 【JetPack】 CSS を追加することができるカスタム CSS 機能 | comemo wp
いいねいいね