お客様の声はこちら

見出しデザインの変更

見出しデザインの変更

1.ダッシュボード → 外観 → テーマエディター

/*必要ならばここにコードを書く*/ の下に以下を貼り付けます。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0;
}
/* H3 */
.article h3{
bordertop:none;
borderbottom:none;
borderleft:none;
borderright:none;
padding: 0;
}
/* H4 */
.article h4{
bordertop:none;
borderbottom:none;
padding: 0;
}
/* H5 */
.article h5{
borderbottom:none;
padding: 0;
}
/* H6 */
.article h6{
borderbottom:none;
padding: 0;
}

2.使いたい見出しデザインを↓のリンクから選ぶ

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

3.コードを表示する

h1 {
  /*線の種類(実線) 太さ 色*/
  border-bottom: solid 3px black;
}

4.赤文字の部分だけをコピー

5.さっき貼り付けたコードの変更したい見出しサイズ(H2~H6まで)の文字列の最後の}の前に貼り付ける

6.「!」マークがでたらエラーなので重複している内容を削除する

この操作を間違えるとサイト自体が表示されなくなるので要注意です。
必ずバックアップを取ってからやりましょう!