1. ホーム
  2. テンプレ比較
  3. メシプレ02マニュアル
  4. ≫手順をわかりやすくアピール! ステップ123の使い方

手順をわかりやすくアピール! ステップ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

ステップの説明文。

LINEで送る
Pocket