手順作成に！ステップブロック

STORK19のver3.14で追加された「ステップブロック」の使い方をご紹介します。

「ステップブロック」を使用することで、手順や工程などを分けて表現できるようになるので、解説記事やページに向いているブロックです。

デザインサンプル

使い方

ステップブロックのイメージについて、まずは以下の動画でご確認ください。

主に以下のオプションの変更が可能です。

• ステップラベルのテキスト
• 最初の数字
• ステップ全体のデザイン
• ラベルの色

オプションの変更については、下で説明します。

ステップブロックの呼び出し

左上の ボタンから、「STORK19 BLOCKS」内にステップブロックがあります。

または、段落ブロックにて/すてっぷ 、/step、/tlで呼び出し可能です。

参考：ブロックエディタの便利機能 “/（スラッシュ）”を使った高速記事作成

デザインは3種類

選べるデザインは現時点で3種類。シンプルで使いやすいデザインを意識しています。（ラベルの色はデフォルトでは見出し色が適用されます。）

デフォルト

デザイン1

デザイン2

ラベルテキストの変更

ステップブロック（親ブロック）を選択している状態で、サイドバーよりステップの設定が可能です。

ラベル：内の文字を変えると、「STEP」から別の文字に変更可能です。（例：手順）

最初の数字

ステップの数字は、通常「1」から順にはじまりますが、任意の数字に変更可能です。

整数のみ可（小数点以下の数値をいれても切り捨てとなります。）

ラベル色の変更

ラベルの色を変更できます。コンテンツの背景色に合わせてデザインを調整できます。

ステップブロックをうまく活用していただけると嬉しいです^^