見出し の使い方

36種類の見出しデザインから選択します。選んだ種類に応じて、色の設定は「装飾カラー」ブロック、線の太さやテキストなどの詳細設定は「タイプ別詳細」ブロックに表示されます。各タイプで設定できる項目は、このページ後半のタイプ別ガイドを参照してください。

見出しの種類 - 見出しのデザインを選択します。プレビューで表示を確認しながら切り替えられます。

見出しテキスト - 表示する見出しの文言を設定します。

見出しの太さ - 「通常」「太字」から選択します。

文字色 - 見出しの文字色を変更します。

見出しのサイズ-デスクトップ(px) - PC表示での文字サイズを指定します。

見出しのサイズ-モバイル(px) - モバイル表示での文字サイズを指定します。

横幅 - 見出しの横幅を「自動（デザインに合わせる）」「横幅いっぱい」「テキストに合わせる」から選択します。

配置 - 見出しの位置を「左寄せ」「中央」「右寄せ」から選択します。

PC表示（画面幅750px以上）でのセクション周りの余白を調整します。

左右 - セクションの左右の余白を調整します。

上 - セクションの上側の余白を調整します。

下 - セクションの下側の余白を調整します。

モバイル表示（画面幅749px以下）でのセクション周りの余白を調整します。

左右 - セクションの左右の余白を調整します。

上 - セクションの上側の余白を調整します。

下 - セクションの下側の余白を調整します。

背景色 - セクション全体の背景色を設定します。

最大幅(px) - セクション内コンテンツの最大幅を指定します。

線の太さ・間隔、番号やラベルのテキスト、背景テキストなど、タイプ固有の詳細設定は、セクション直下ではなく「タイプ別詳細」ブロックにまとまっています（設定数上限対応）。セクション追加時から付属しており、テーマエディターの左ツリーでブロックを選択して設定します。選択中の「見出しの種類」に対応する設定だけが表示され、詳細設定がないタイプではその旨の案内が表示されます。誤って削除しても標準デザインで表示され、「ブロックを追加」からいつでも戻せます。

「見出しの種類」で「左線」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

左線の色 - 左線の色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

「見出しの種類」で「左線 & 背景色」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

「見出しの種類」で「左線 & 背景色（立体的）」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

「見出しの種類」で「左線 & 背景色（内側）」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

「見出しの種類」で「下線」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

「見出しの種類」で「文字数に応じた下線」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

文字直下の下線の色 - 文字直下のアクセント下線の色を変更します。

全幅の下線の色 - 全幅に伸びるベース下線の色を変更します。

「見出しの種類」で「下線（点線）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

「見出しの種類」で「下線（破線）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

「見出しの種類」で「下線（二重線）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

「見出しの種類」で「吹き出し風（下線のみ）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線・三角の色 - 吹き出し下線と三角部分の色を変更します。

「見出しの種類」で「四角形の装飾」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線・装飾の色 - 四角形装飾と下線の色を変更します。

「見出しの種類」で「両端に線」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

両端の線の色 - 見出し両端に出る線の色を変更します。

「見出しの種類」で「下線（小）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

下線の色 - 小さい下線の色を変更します。

「見出しの種類」で「左右に斜線」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

斜線の色 - 左右の斜線の色を変更します。

「見出しの種類」で「鉤括弧」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

鉤括弧の色 - 鉤括弧の色を変更します。

「見出しの種類」で「鉤括弧（大）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

鉤括弧の色 - 鉤括弧の色を変更します。

「見出しの種類」で「タグ風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

タグの背景色 - タグ風デザインの背景色を変更します。

「見出しの種類」で「吹き出し風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

吹き出しの背景色 - 吹き出し風デザインの背景色を変更します。

「見出しの種類」で「背景に回り込むリボン風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

リボンの背景色 - 背景に回り込むリボンの色を変更します。

「見出しの種類」で「リボン風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

リボンの背景色 - リボン風デザインの背景色を変更します。

「見出しの種類」で「旗風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

旗の背景色 - 旗風デザインの背景色を変更します。

「見出しの種類」で「テープ風」を選ぶタイプです。専用の色・詳細設定はなく、文字色やサイズは「見出しテキストの設定」で調整します。

「見出しの種類」で「付箋風（単色）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

付箋の背景色 - 付箋の背景色を変更します。

「見出しの種類」で「付箋風（先端色）」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

付箋の背景色 - 付箋の背景色を変更します。

先端の色 - 付箋先端部分の色を変更します。

「見出しの種類」で「番号」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

番号の背景色 - 番号丸の背景色を変更します。

番号の文字色 - 番号丸の文字色を変更します。

番号テキスト - 番号や背景数字として表示する文字を入力します。

「見出しの種類」で「カラフルなシャドウ」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

枠線・シャドウの色 - カラフルシャドウの枠線と影色を変更します。

「見出しの種類」で「立体的」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

枠線の色 - 立体的デザインの枠線色を変更します。

「見出しの種類」で「ストライプ背景」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

ストライプ色A - ストライプ背景の1色目を変更します。

ストライプ色B - ストライプ背景の2色目を変更します。

「見出しの種類」で「チェック柄」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

チェック柄の色（文字色も連動） - チェック柄の色を変更します。文字色もこの色に連動します。

「見出しの種類」で「映画フィルム風」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

フィルムの背景色 - 映画フィルム風デザインの背景色を変更します。

「見出しの種類」で「大きいラベル」を選んだときの設定です。下記の設定は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

ラベルテキスト（英語推奨） - 大きいラベルとして表示する英字などの補助テキストを入力します。

「見出しの種類」で「下に反射する文字」を選ぶタイプです。専用の色・詳細設定はなく、文字色やサイズは「見出しテキストの設定」で調整します。

「見出しの種類」で「1文字目だけ大きめ」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

1文字目の色 - 1文字目だけ大きく表示する時の、1文字目の色を変更します。

「見出しの種類」で「数字の背景」を選んだときの設定です。色は「装飾カラー」ブロック、太さ・間隔・テキストなどの詳細は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

背景の数字の色 - 背景に敷く数字の色を変更します。

番号テキスト - 番号や背景数字として表示する文字を入力します。

「見出しの種類」で「文字の背景」を選んだときの設定です。下記の設定は「タイプ別詳細」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

背景のテキスト - 見出し背面に表示するテキストを入力します。

背景のテキストの色 - 背景テキストの色を変更します。

背景のテキストの上下位置 - 背景テキストの上下位置を調整します。

背景のテキストの左右位置 - 背景テキストの左右位置を調整します。

「見出しの種類」で「円の背景」を選んだときの設定です。色は「装飾カラー」ブロックに表示されます（選択中のタイプに対応する設定だけが表示されます）。

円の背景色 - 円背景の色を変更します。