SWELLテーマの見出しH2を英語で2行目を表示させる方法

見出しH2英語表記

SWELL作成デモサイトを見ると新着記事という見出しにNew Postsと英語表記で2行になっているので、自分のSWELLサイトでもやりたいと思いませんか?

なんと標準機能で搭載されてますので難しいCSSの知識とかは必要ありませんので設定手順をご紹介します。

見出しを2行にする方法

この見出しは初期設定(デフォルト)のままになっていますので、帯・装飾無しになっていますのでこのようなデザインになっています。

これを見出しブロックの中から「セクション用」を選択すると

見出しを2行にする方法

と、こんな感じに変わります。

SWELLデモサイトだとこの「見出しを2行にする方法」のタイトルの下2行目が表示されているので「-Title-」を付け加えてみるとこのようになります。

見出しを2行にする方法-Title-

と、こんな感じになりますので、設定方法は以下の手順です。

STEP
H2見出しに1行目と2行目を続けて書く
H2見出し2行繋げる
STEP
2行目にする場所を選択状態にする
h2見出し2行-3
STEP
ブロックツールバーの操作
  1. マークをクリック
  2. リストの中から「S 注釈」をクリック
h2見出し2行-2
STEP
H2見出し2行完成!
h2見出し2行-4

これで、見出しH2を英語で2行目を表示させることができるようになりました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!