※このショートコードは、「ブロックエディタ」に対応済みです。ブロックエディタのほうを使ったほうがラクです。
手順を説明するステップ表示のショートコード
丸型
数字部分は「99」まで対応
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
コピペ用
[step number="1" type="maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="2" type="maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="3" type="maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="4" type="maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="5" type="maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
四角
数字部分は「99」まで対応
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
コピペ用
[step number="1" type="sikaku" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="2" type="sikaku" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="3" type="sikaku" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="4" type="sikaku" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="5" type="sikaku" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
ワイド
数字部分は「9」まで対応
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
コピペ用
[step number="1" type="wide" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="2" type="wide" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="3" type="wide" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="4" type="wide" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="5" type="wide" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
角丸ワイド
数字部分は「9」まで対応
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
- ステップのみだし
ステップの説明文
コピペ用
[step number="1" type="wide-maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="2" type="wide-maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="3" type="wide-maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="4" type="wide-maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
[step number="5" type="wide-maru" color="red" header="ステップのみだし" h_color="off"]
ステップの説明文
[/step]
ステップ画像の色を変える
青（color=”blue”）
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
オレンジ（color=”orange”）
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
緑（color=”green”）
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
見出しの色をステップ画像と同じにする
「h_color=”on”」にします。
青
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
オレンジ
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
緑
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
赤
- ステップのみだし
ステップの説明文
コピペ用
ステップの説明文
[/step]
属性値
number=”1～99″
ステップの順番。ワイドタイプは9まで
type=”maru、sikaku、hosi、wide、wide-maru”
ステップ画像の種類
color=”red、blue、orange、green”
ステップ画像の色
header=””
見出しに表示するテキスト（初期値：ステップ＋number）
h_color=”onまたはoff”
見出しテキストの色にcolorで指定した色を適用するかどうか
以上、「ステップ表示」でした。
