賢威の見出し2（h2）に装飾を追加してみた

通常、賢威の「見出し２（h2）」は、このように表示されます。

h2のタイトル（デフォルト）

少し、見た目が弱いので、装飾を追加してみました。

なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。

ワードプレス環境

テーマ：賢威８
WordPressバージョン：5.8.2
PHPバージョン：7.4
サーバー：さくらインターネット

見出し2（h2）の上下に線を追加するCSS

見出し2（h2）の上下に、白（#fff）と、見出しの色と同じターコイズブルー（#05a5ab）の線を追加するCSSです。

.keni-section_wrap.article_wrap h2 {
border-top: 2px solid #05a5ab;
border-bottom: 2px solid #05a5ab;
box-shadow: 
0 -4px 0 0 #fff,
0 4px 0 0 #fff,
0 -6px 0 0 #05a5ab,
0 6px 0 0 #05a5ab;
}

これで、各見出し（h2～h6）のデザインは

h2のタイトル

h3のタイトル

h3は真ん中の背景色が白になる

h4のタイトル

h4は上の線が消えて、下の線が点線になる。

h5のタイトル

h5は下の点線も消える

h6のタイトル

h6はカラーが黒となります。

これで、装飾ルールも一貫していると思いますがどうでしょうか？

補足：ワードプレスのカスタムCSSの編集箇所について

現在のワードプレステーマにCSSを追加したい場合、左メニューにある、

外観 > カスタマイズ

を選択します。

「追加CSS」を選択します。

追加したいCSSを記述します（コピペして貼り付けます）。

「公開」ボタンを押して保存すれば完了です。

※全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。

楽天市場の検索結果

1冊ですべて身につくWordPress入門講座 [ Mana ]

2,200円(税込)【送料込】

楽天ブックス

Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザマナ発行年月：2022年03月24日予約締切日：2022年01月26日ページ数：344p サイズ：単行本 ISBN：9784815609405 Mana（MANA）日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作

今すぐ使えるかんたん　WordPress　やさしい入門［6.x対応版］ [ 桑名

1,760円(税込)【送料込】

楽天ブックス

桑名由美はつみ技術評論社イマスグツカエルカンタンワードプレスヤサシイニュウモンロクテンエックスタイオウバンクワナユミハツミ発行年月：2023年09月28日予約締切日：2023年06月02日ページ数：256p サイズ：単行本 ISBN：9784297136253 桑名由美（クワナユミ） 2023年8月、合同会社ワイズベスト

HTMLサイトをWordPressにする本 [ 久保田涼子 ]

2,640円(税込)【送料込】

楽天ブックス

久保田涼子西原礼奈ソシムエイチティーエムエルサイトヲワードプレスニスルホンクボタリョウコニシハラアヤナ発行年月：2023年08月29日予約締切日：2023年06月06日ページ数：360p サイズ：単行本 ISBN：9784802614214 久保田涼子（クボタリョウコ）「ワクワクするモノ・時間・場所を生み出す」をテ

たった1日で基本が身に付く！　WordPress 超入門［改訂2版］ [ 佐々

1,980円(税込)【送料込】

楽天ブックス

佐々木恵リブロワークス技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハンササキメグミリブロワークス発行年月：2022年04月14日予約締切日：2022年01月05日ページ数：192p サイズ：単行本 ISBN：9784297126957 佐々木恵（ササキメグミ） 2002年より独学でWe

ゼロから学ぶはじめてのWordPress [ 泰道ゆりか ]

1,980円(税込)【送料込】

楽天ブックス

泰道ゆりか SBクリエイティブゼロカラマナブハジメテノワードプレスタイドウユリカ発行年月：2022年10月12日予約締切日：2022年07月22日ページ数：352p サイズ：単行本 ISBN：9784815615222 泰道ゆりか（タイドウユリカ） Webデザイナー／株式会社CORELILY代表取締役。立教大学卒業後、銀行に就職。