<本サイトには広告が含まれている場合があります>

AFFINGER6/アクションのSTEP(ステップ)作成方法

AFFINGER6アクションのSTEP作成方法

AFFINGER6/アクションのSTEP(ステップ)作成方法を解説します。

グーテンベルクブロックエディタでの作り方になります。

まずブロックを見出しブロックに変更します。

そうすれば下記のようにステップを選択する事が可能になります。

見出しブロック設定項目

見出しを続けてステップを指定すれば項番が振られていきます。

ステップの連番は2桁まで自動で付与されます。

項番のリセットはグループブロックに変換して追加CSSクラスに「st-step-reset」を記載する事で可能です。

STEP(ステップ)のデザインはカスタマイザーからカスタマイズ可能です。

外観⇒カスタマイズ⇒オプションその他⇒ステップ/ポイント

下記の6項目の設定が可能です。

  • ステップ数・ポイントの背景色
  • ステップ数・ポイントの色
  • テキスト色
  • テキストの背景色
  • ボーダーの色
  • 角を丸くする

ステップ数・ポイントの背景色をグレーに変えてみました。

AFFINGER6/アクションのSTEP(ステップ)作成方法は以上です。

-AFFINGER6/ACTION