Diverの初期カスタマイズ(追加CSS)

WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、WordPressのカスタマイズメニューから「追加CSS」を設定します。

追加CSS

本サイトでは、ウィジェットの「検索」ボタンの色の設定に使用しています。例えば、以下のように設定します。

/* ================================
検索ボタン色
================================ */
input[type="submit"].searchsubmit {
    background-color: #6bb7ff;
}
/* ================================
絞り込み検索ボタンの色
================================ */
button.search-widget__submit {
    background: #6bb7ff;
}

CSSで設定しないといけないので、若干ハードルの高い設定です。

おわりに

追加CSSでは、設定を選ぶだけではできなかったデザインの設定をCSSで行うことができます。