見出し［Emanon］ブロック

プラグイン「Emanon Blocks」を有効化すると、「見出しブロック［Emanon］」が利用できます。見出しブロック［Emanon］は、独自の装飾やサブテキストの追加、フォントサイズの指定など高機能な見出しブロックです。

設定方法

見出しブロックは、Webページ上で特定のコンテンツに見出しを付けたい時に使用します。見出しブロックを配置する事で注意喚起につながり、訪問者の閲覧に繋がる効果が期待できます。それでは、見出しブロックの設定方法について紹介します。

ブロックエディタから見出しブロック［Emanon］を配置します。

(１) 見出しタグはh1からh6で指定できます。
(２) 見出しブロックの配置を左寄せ・中央揃え・右寄せで指定できます。

見出し設定

見出しのフォントサイズ・文字間隔・行の高さ・フォントの太さを指定します。

• フォントサイズ［px］：見出しテキストのフォントサイズを指定します。
• 文字間隔［em］：見出しテキストの文字間隔を指定します。
• 行の高さ：見出しテキストの文字の高さを指定します。
• フォントの太さ：見出しテキストのフォントの太さを指定します、Nomal・Boldから選択します。
• フォント［モバイル］：スマホ・タブレットで見出しのフォントサイズを指定する場合、フォント［モバイル］を有効にします。

(１) タブレットでサイトを表示したい際に適用されるフォントサイズです。
(２) スマホでサイトを表示したい際に適用されるフォントサイズです。

サブテキスト設定

サブテキストは見出しを装飾する短文です。サブテキストの表示を有効にすることで入力が可能になります。サブテキストの表示位置は、見出しの上か下または左に配置指定できます。

• サブテキストの表示：切り替えアイコンをクリックすることで表示・非表示を選択できます。
• サブテキストの表示位置：上配置・下配置・左配置から選択します。
• フォントサイズ［px］：サブテキストのフォントサイズを指定します。
• 文字間隔［em］：サブテキストの文字間隔を指定します。
• 行の高さ：サブテキストの文字の高さを指定します。
• 余白:上［px］：サブテキストの上部に余白を指定します。デフォルト設定はなしになります。
• フォントの太さ：サブテキストのフォントの太さを指定します、Nomal・Boldから選択します。
• フォント［モバイル］：スマホ・タブレットでサブテキストのフォントサイズを指定する場合、フォント［モバイル］を有効にします。

スタイル設定

見出しブロック［Emanon］にはさまざまな装飾スタイルが用意されています。

装飾スタイルはスタイル設定の下にあるドロップダウンメニューをクリックすることで選択できます、デフォルト設定はなしになります。また、スタイル自体に色指定も可能です、色指定するとそれぞれのスタイルに対して配色されます。

スタイル例

下記は見出しブロックの様々なスタイルを適用した表示例になります。

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---