AFFINGER6 『追加 CSS クラス』を使わずに『ステップとカウント』見出しをリセットする方法

こんにちは "osaboo"です。"@osaboo_Bot"

AFFINGER6の見出しブロックで「ステップ・カウント」スタイルを使った時に連番が途中でリセットされてしまう原因と逆にその特性を使ったリセット方法をご紹介します。
ちょっとした小技的な手法です。この内容はおそらく当記事だけ！！かも…

見出しブロックのスタイル『ステップとカウント』で自動カウントがリセットされる現象。

現象はこんな感じ！

それではご覧ください！

見出しブロックのスタイル：ステップとカウントについて

見出しブロックは、WordPress標準のブロックエディター機能です。
AFFINGER6の場合、専用の拡張機能が用意されていて12種類の見出しスタイルに切り替えが可能です。

^{※ 投稿（記事編集）画面での作業になります。}

ブロック挿入メニューでは、ブロックタブの『テキスト：見出し』です。

見出しブロックを選択した状態での『設定＞ブロック＞Styles』の順にクリックすると以下のスタイル設定メニューが表示されます。

AFFINGER6 見出しタグのカスタマイズ！キャッチコピーを使う。

AFFINGER6 を使った見出しタグのカスタマイズ方法をご紹介。標準で装備されているスタイルや記事編集中に任意に変更できるスタイル等を画像付きでイメージしやすくご紹介。キャッチコピーを使った「大・小」文字の表示方法や目次への取り込み等、初心者でもこれだけ知ってれば素敵な見出しが作れます！をご紹介。

SEO に強い！ 見出しタグ（hタグ）の書き方【徹底的に調べてみた！】

SEOに強い！見出しタグ（hタグ）の書き方をご紹介します。読者に対する効果と検索エンジンに対する効果をそれぞれ解説。h1〜h6まである見出しタグ（hタグ）のSEOに強い書き方について簡素に！的確に！ご紹介します。ブログ初心者必見です。

自動カウントがリセットされる原因（リセット方法）「ステップ・カウント」見出しは意図的に使えばCSSはいらない！

この章では、自動カウントがリセットされる原因（リセット方法）を2つご紹介します。

自動カウントがリセットされる手順（コンテンツのグループ化）「ステップ・カウント」見出し共通

コンテンツをグループ化することで 後に作成された見出しがリセットされるパターンです。

次にご紹介する手順は「ステップ3の見出し」がリセットされる場合です。

以下の画面の「ステップ2の段落」をグループ化します。

以下の画面のように「ステップ3の見出し」のカウントがリセットされて「STEP01」になります。

自動カウントのリセット解除は コンテンツのグループを解除すればOKです。

自動カウントがリセットされる手順（見出しのグループ化）「ステップ・カウント」見出し共通

見出しをグループ化することで リセットされるパターンです。
_{※ 基本的さ操作は全勝と同等です。}

次にご紹介する手順は「ステップ3の見出し」がリセットされる場合です。

以下の画面の「ステップ3の見出し」をグループ化します。

以下の画面のように「ステップ3の見出し」のカウントがリセットされて「STEP01」になります。

自動カウントのリセット解除は 見出しブロックのグループを解除すればOKです。

見出しブロックの自動カウントをリセットする方法▶︎まとめ追加 CSS クラスを使わない方法2個｜追加 CSS クラスを使う方法2個

まとめ！AFFINGER6 『追加 CSS クラス』を使わずに『ステップとカウント』見出しをリセットする方法

AFFINGER6で 『追加 CSS クラス』を使わずに『ステップとカウント』見出しをリセットする方法をご紹介しました。
「コンテンツ内のブロックをグループ化すると自動カウント機能のある見出し（ステップ・カウント）はリセットされる！」という特性を利用したリセット方法と意図せずこの特性が働いた時の対処方法をご紹介しました。ググっても中々出てこない？！内容かと…覚えておくと使える ^^／ 試してみてくださいね。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。＼^^／