AFFINGER6の見出しブロックに関するいろんな設定をまとめました！
見出しブロックの基本的な使い方についてはこちらの記事でまとめているのでこちらを先にお読みください↓
先に読む【WordPress】見出しブロックの使い方を解説！ ＞
上の記事はWordPress共通の話で、これから解説するのはAFFINGER6だけに当てはまる解説です。
デフォルトの見出しデザインを変える方法
デフォルトの見出しに関する設定方法をまとめました。デフォルトの見出しとはメインで使う見出しです。
デザインを変える
デフォルトの見出しデザインを設定します。設定場所はこちら↓
大見出し（H2）のデザインは次のようなものが用意されています。好きなデザインを選んでください。
- 吹き出しデザイン
- 吹き出し下線デザイン
- 囲み&左ラインデザイン
- 2色アンダーライン
- グラデーションアンダーライン
- センターライン
- ショートライン
- 囲みドットデザイン
- ストライプデザイン
- 破線アンダーライン
- 左ラインデザイン
- チェック（ボックスタイプ）デザイン
- テキストグラデーション背景デザイン
同じように中見出し（H3タグ）も設定しましょう。
文字の大きさ(フォントサイズ)を変える
見出しの文字の大きさ(フォントサイズ)を設定します。設定場所はこちら↓
参考(公式マニュアル)
カスタマイザーで「見出し」「タイトル」のデザインをする(公式マニュアル)※要パスワード
スタイルを変える方法
基本的に普段使うのはデフォルトの見出しスタイルですが、時々「ここだけ見出しのデザインを変えたい！」という場面がありますよね。そんなときは「助っ人のスタイル」を使いましょう。「助っ人のスタイル」とはピンチヒッターの見出しです。場面場面によって使い分けることができます。効果的な使い方を探してみてください。
AFFINGER6には助っ人スタイルが10個用意されています！
| ライン | 下線 |
|---|---|
| ふきだし | ふきだし |
| 斜線 | 斜線の背景 |
| カウント | カウント、数字 |
| 注意 | 赤いびっくりマーク |
| チェック | オレンジのチェックマーク |
| 質問 | Qマーク |
| 答え | Aマーク |
| ステップ | ステップ、数字 |
| ランキング | ランキングマーク、数字、１位、２位、３位は順に金銀銅の色 |
カウント
カウントの色を変えたいときの設定場所はこちら↓
ステップ
ステップの色を変えたいときの設定場所はこちら↓
番号をリセットする
番号を振る系のスタイル(カウント、ステップ、ランキング)。この３種類の番号を記事の途中でリセットしたくなったときのリセット方法はこちら。
- すでに作った見出しをグループで囲む
- 新しい見出し側もグループで囲む
それぞれの見出しの束をグループで囲むことでカウントがリセットされます。
二段組にする方法
見出しの文字数が長くなるとバランスが悪いですよね。そういう時は見出しを二段にすることができます。やり方はこちら↓
- 二段組みにしたい箇所を選択
- ツールバー書式 ＞ キャッチコピーかキャッチコピー＋目次を選択(キャッチコピー＋目次にすると二段にした部分が目次に反映される)
「注意」、「チェック」、「質問」スタイルは二段組 不可
ネタバレ防止！目次での見出し表示を変更する方法
SUGOI MOKUJI(すごいもくじ)プラグインを使ってる人限定
目次には通常、見出しの文字がそのまま出力されます。つまりネタバレしてしまいます。普通はそれで問題ないですがネタバレするのが嫌な場合は目次の表示を個別で変更することができます。やり方はこちら↓
- SUGOI MOKUJI(すごいもくじ)プラグインを導入
- 記事の編集画面で見出しブロックを選択
- ブロック設定の目次での表示名に目次に表示する言葉を入力する
以上！AFFINGER6の見出しブロックに関するいろんな設定をまとめました！参考にいなれば嬉しいです！