WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、WordPressのカスタマイズメニューから「追加CSS」を設定します。
追加CSS
本サイトでは、ウィジェットの「検索」ボタンの色の設定に使用しています。例えば、以下のように設定します。
/* ================================
検索ボタン色
================================ */
input[type="submit"].searchsubmit {
background-color: #6bb7ff;
}
/* ================================
絞り込み検索ボタンの色
================================ */
button.search-widget__submit {
background: #6bb7ff;
}
CSSで設定しないといけないので、若干ハードルの高い設定です。
おわりに
追加CSSでは、設定を選ぶだけではできなかったデザインの設定をCSSで行うことができます。
関連記事
