利用流れなどに使えるステップブロックです。
![](https://dg-style.net/wp-content/uploads/2021/07/gutenberg-step.gif)
ステップブロック例
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
![](https://dg-style.net/wp-content/uploads/2021/07/image-36.png)
ブロックメニューから「ステップ」を選択
デザイン選択
![](https://dg-style.net/wp-content/uploads/2021/07/image-37.png)
スタイル&デザインオプションでデザインを設定する
ブロックの追加方法
ステップブロックは、通常のブロックメニューから追加できます。
![](https://dg-style.net/wp-content/uploads/2021/07/image-38.png)
または「/step」とキーワードを入力することで追加することができます。
![](https://dg-style.net/wp-content/uploads/2021/07/image-39.png)
ブロックの特徴
オプション
![](https://dg-style.net/wp-content/uploads/2021/07/image-40.png)
ステップのSTEP文字を変更したり、開始番号を指定するなどができます。
デザイン
ステップのデザインは4種類あり、デザインごとアイコンデザインを変更することができます。
![](https://dg-style.net/wp-content/uploads/2021/07/image-41.png)
また各ステップごとに色を変更することができます。
![](https://dg-style.net/wp-content/uploads/2021/07/image-42.png)
デフォルト
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
BIG
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
外側
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する
BOX
記事編集画面を開く
新しい投稿もしくは既存の記事編集画面を開く
ステップブロック追加
ブロックメニューから「ステップ」を選択
デザイン選択
スタイル&デザインオプションでデザインを設定する