「見出しパーツ」は、ページ内に見出しを設置する際に使用します。
文字の種類や大きさの変更、文字修飾、簡単な図表など様々な機能がついています。
目次
完成イメージ
項目の説明(見出し)
編集パネルのリストボックスで見出しタグの種類を選ぶことができます。
h1~h5の設定ができ、h1が最も大きい見出し(大見出し)となります。
【見出しタグの説明】
サイト訪問者と検索エンジンの双方にコンテンツを正しく伝えるために必要な設定です。
・h1・・・ページタイトルに使用します。
・h2・・・大見出しに使用します。
・h3・・・小見出しに使用します。
・h4・・・小見出しに使用します。
・h5・・・小見出しに使用します。
■見出しパーツを使用したコンテンツの作成例はこちら
>コンテンツの網羅性と専門性を高める方法
項目の説明(リッチ見出しの機能)
文字の種類や大きさの変更、文字修飾、簡単な図表など様々な機能がついています。
①カラー
ドラッグして選択した文言の文字色を、カラーチャートまたは16進法カラーコードで変更できます。
②背景カラー
ドラッグして選択した文言の文字背景色を、カラーチャートまたは16進法カラーコードで変更できます。
③太字
ドラッグして選択した文言を太字に変更できます。
Webフォント選択時には、での太字選択はできません。プルダウン からL、R、M、B、EBを選択します。(※④フォント選択をご参照ください)
④フォント選択
ドラッグして選択した文言の書体を変更できます。
太さを変更できるフォントを選択した場合、太さの種類を選択できます。
<太さの種類>
- L :Light 細
- R : Regular 中細
- M : Medium 中
- B : Bold 太
- EB : Extra bold 特太
⑤フォントサイズ
ドラッグして選択した文言のフォントサイズを変更できます。
指定できるサイズ
8,9,10,11,12,14,16,18,20,22,24,26,28,30,32,34,36,38,42,46,50,54,60,66,72,78,86,94px
⑥書式のクリア
ドラッグして選択した文言の、フォントサイズ・フォント・カラーの設定が解除されます。
⑦左寄せ・真ん中寄せ・右寄せ
文字の配置を変更できます。
⑧見出しID
任意の文字列(半角英数字、-(ハイフン)、_(アンダースコア))をつけることが可能です。
例)service-01,service-02といった見出しIDをつけることで、URLも#service-01,#service-02となります。
※同一ページ内に同一IDはつけられません。
⑨表示/非表示
見出しパーツの表示/非表示を切り替えられます。
⑩カスタマイズ
パーツに対して背景色・背景画像・余白・枠線を設定できます。
⑪カスタムCSS
カスタムCSSを使用する場合にクラス名を設定できます。
また、パーツに対して背景色・背景画像・余白・枠線を設定できます。
⑫削除
見出しパーツを削除します。
設置する方法(動画)
画像をクリックして拡大表示することができます
※キャプチャはベースデザインなしの場合の画面になります
文字サイズを部分的に変更する場合(動画)
画像をクリックして拡大表示することができます
※キャプチャはベースデザインなしの場合の画面になります
ベースデザインあり・なしの画面比較
ベースデザインなし | ベースデザインあり |
---|---|
パーツ / 基本パーツ |
単体パーツ / 見出し |
単体パーツ / デフォルト |
ベースデザインありのデザインバリエーション
アイコン | デザイン |
---|---|