SWELLテーマの見出しH2を英語で2行目を表示させる方法
![見出しH2英語表記](https://wp.tripbowl.net/wp-content/uploads/2021/09/a673fd227e39e59eebd0e728300f2621.jpg)
SWELL作成デモサイトを見ると新着記事という見出しにNew Postsと英語表記で2行になっているので、自分のSWELLサイトでもやりたいと思いませんか?
なんと標準機能で搭載されてますので難しいCSSの知識とかは必要ありませんので設定手順をご紹介します。
見出しを2行にする方法
この見出しは初期設定(デフォルト)のままになっていますので、帯・装飾無しになっていますのでこのようなデザインになっています。
これを見出しブロックの中から「セクション用」を選択すると
見出しを2行にする方法
と、こんな感じに変わります。
SWELLデモサイトだとこの「見出しを2行にする方法」のタイトルの下2行目が表示されているので「-Title-」を付け加えてみるとこのようになります。
見出しを2行にする方法-Title-
と、こんな感じになりますので、設定方法は以下の手順です。
STEP
H2見出しに1行目と2行目を続けて書く
![H2見出し2行繋げる](https://wp.tripbowl.net/wp-content/uploads/2021/09/h2-1.jpg)
STEP
2行目にする場所を選択状態にする
![h2見出し2行-3](https://wp.tripbowl.net/wp-content/uploads/2021/09/b2a500b15e2e8dd62d831fab31ef7827.jpg)
STEP
ブロックツールバーの操作
- マークをクリック
- リストの中から「S 注釈」をクリック
![h2見出し2行-2](https://wp.tripbowl.net/wp-content/uploads/2021/09/293a263accb642ad7acd1c62486429c1.jpg)
STEP
H2見出し2行完成!
![h2見出し2行-4](https://wp.tripbowl.net/wp-content/uploads/2021/09/f500d2b51f24e21c1ae9cd1f60953f00.jpg)