賢威7の見出しデザインのカスタマイズ全30種【完全版】

 

「賢威7」では、これまでとは構造が大きく変更されデザイン面でお困りの方が多くいらっしゃるかと思います。

今回は「賢威7」で使用できる見出し(hタグ)デザイン一覧とそれらのCSSでのカスタマイズ方法をご紹介しますので、ぜひ参考にしてみてください。

※「賢威7」はこれまでとは違い、記事内での見出しは「h2」から使用するような構造に変更されましたので、今回は「h2」の箇所を取り上げています。

 

見出し(hタグ)のカスタマイズ方法

まず、見出しデザインをカスタマイズするにはどこをどのように変更すればよいかをご説明します。

WordPress管理画面を開き、「外観」→「テーマの編集」へと進み、「base.css」を開きます。

 

以下のコードが記述してある箇所を探します。(「賢威7スタンダード版」の場合は1100行目あたりにあります。)

これより下の部分が見出しに関するコードです。

 

少し下に進むと以下のコードが記述してあるかと思います。

 

見出し2のデザインをカスタマイズする場合は、こちらをこれから紹介するコードに差し替え、「ファイルを更新」を選択すると反映されます。

見出し3以降のデザインをカスタマイズしたい場合も、h3以降の部分を同様に設定すれば反映されます。

 

「賢威7」の見出しデザインおすすめ30選!

では、私のおすすめする見出しのデザインを30種類ご紹介していきます。

ちなみに、「賢威7スタンダード版」の見出し2のデフォルトデザインはこちらです。

では、紹介していきます!

 

背景色なし

①アンダーライン

 

②2つの四角

8

 

③左バー&破線

3

 

④斜め棒

4

 

⑤一文字目拡大

5

 

⑥二重四角

6

 

⑦四角グラデーション

7

 

⑧上下二重線

2

 

⑨吹き出し(上下線)&斜線背景

9

 

⑩丸角枠

10

 

⑪大丸角枠&影

11

 

⑫枠&影

12

 

⑬枠&左バー

13

 

⑭大丸角枠&リスト

14

 

⑮吹き出し&斜線背景

15

 

⑯丸角吹き出し(矢印塗りつぶし)&斜線背景

16

 

背景色あり

⑰左バー

17

 

⑱マーカー

18

 

⑲吹き出し

19

 

⑳帯

20

 

㉑リボン&リスト

21

 

㉒二重丸リスト

22

 

㉓ボックス

23

 

㉔上下色分け

24

 

㉕旗

25

 

㉖斜め

26

 

㉗斜め帯

27

 

その他

㉘四角グラデーション

28

 

㉙左バー&上下破線

29

 

㉚メタル

30

 

まとめ

今回は「賢威7」で使用できる見出し(hタグ)デザインを30種類紹介しました。

ぜひ参考にしてみてくださいね!

▶ 「賢威7」のカスタマイズ一覧【完全版】

メールマガジン登録





コメントを残す

サブコンテンツ

このページの先頭へ