手順をわかりやすくアピール! ステップ123の使い方
- ステップ123を知る
このように、ステップというか、手順を示すのに使える機能です。
- ステップ123を使う
ああ、これは何かの手順なんだ?ってことがひと目でパッとわかります。
- ステップ123を使い倒す
カラーバリエーションやタイプも豊富です。
コードコピペ用
クリックで全選択、Ctrl+Cでコピー
パラメータ解説
number | ステップ番号。1~5で指定します。 |
type | ステップアイコンの形。maru,sikaku,hosi,widの4種類が選べます。 |
color | ステップの色。 red, blue, orange, greenが選べます。 |
header | ステップの見出し。見出し用文字列を指定します。省略すると、「ステップ+数字」になります。 |
h_color | ステップの見出しの色。onまたは省略=colorと同じ色、off=黒。 |
表示例
色のバリエーション
- 色指定 red
ステップの説明文。
- 色指定 blue
ステップの説明文。
- 色指定 orange
ステップの説明文。
- 色指定 green
ステップの説明文。
- ステップ5
見出し(header)を省略したケース。
アイコンのバリエーション
- type指定 maru
ステップの説明文。
- type指定 sikaku
ステップの説明文。
- type指定 hosi
ステップの説明文。
- type指定 wide
ステップの説明文。
- h_color指定 off
ステップの説明文。