WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、WordPressのカスタマイズメニューから「デザイン設定②」を変更します。
h2(見出し2)設定
見出し(h2)のデザインを選択します。本サイトは、「マーク2」です。この場合、文字色がデフォルトの「白」のままだと見出しの文字が背景と同じで、文字がみえないため、「#686868」(グレー)等、文字色を変更します。
h3(見出し3)設定
見出し(h3)のデザインを選択します。本サイトは、「下ライン」です。
h4(見出し4)設定
見出し(h4)のデザインを選択します。本サイトは、「マーク1」です。
h5(見出し5)設定
見出し(h5)のデザインを選択します。本サイトは、「ボックス」です。
ウィジェットタイトルのスタイル
ウィジェットタイトルのデザインを選択します。本サイトは、デフォルトのデザインの「ボックス」を選んでいます。背景色は、「#1f50c4」です。
おわりに
Diverでは、CSSを使用せずにカスタマイズ画面から設定するだけで見栄えのするヘッダーやウィジェットのデザインに変更することができます。
関連記事