見出しのデザインを変える

記事の見出しに線や色の帯を付け、内容の区切りをわかりやすくします。

実画面で確認

操作画面と手順のポイント

1. 本文の見出しをクリックし、右側の「ブロック」タブを開きます。
2. 見出しレベルや文字の設定を確認します。独自スタイルが表示される環境では、一覧から選びます。
3. プレビューで見出しを確認します。独自スタイルがない場合は、下記の確認事項をご覧ください。

独自スタイルが表示されない場合：撮影した環境では、下記で紹介するOptiB独自スタイルは一覧に表示されませんでした。テーマのバージョンや対応状況を管理担当者に確認してください。表示される標準設定はそのまま使えます。

操作手順

1. 投稿や固定ページをブロックエディターで開きます。
2. 飾りを付けたい見出しをクリックします。
3. 右側のブロック設定から「スタイル」を開きます。
4. デザインを選んで保存し、プレビューで確認します。

どれを選ぶ？

• 下線：見出しの下に線を引きます。
• 左ボーダー：見出しの左に太い線を付けます。
• 背景帯：色の帯に白い文字を表示します。
• 中央寄せ：文字を中央に置き、その下に短い線を付けます。

線や帯の色は、カスタマイザーの「メインカラー」に連動します。見出しごとに別々の装飾色を決める設定ではありません。

元に戻したいとき

「デフォルト」を選びます。スタイルを選んでいない見出しは、そのままです。長い見出しがスマホで何行になるかも確認しましょう。