WordPress有料テーマ「Snow Monkey」および、専用プラグイン「Snow Monkey Blocks」の使い方を説明していくシリーズです。
今回は、 ブロック「ステップ」を使って、数字で手順を紹介するページ表現をしたい方向けの記事です。
こんなブロックが作れます
下記のように、
数字で手順を紹介するページ作成に使いやすいブロックです。
STEP1
STEP1の詳細
STEP2
![](https://komatoki.com/wp-content/uploads/2017/07/banner_about_002_201707ver.png)
STEP2の詳細
ステップブロックの設定
ブロック追加ボタン「⊕」、「Snow Monkey Blocks[共通ブロック]」のメニューを開き、「ステップ」を選択します。
![](https://komatoki.com/wp-content/uploads/2020/06/f33cc0f6500e3602b23ba1c20de7caae-1024x455.png)
ステップブロックの見出しとテキスト欄をそれぞれ入力します。
![](https://komatoki.com/wp-content/uploads/2020/06/8af6d644bcca292c6ed9e59c9fd21f99-1024x397.png)
ステップを増やすのは、ステップブロック下部の追加ボタン「⊕」、さらに「項目」または「項目(自由入力)を選択します。
ここでは「項目」を選択していきます。
※ステップ1は「項目(自由入力)が自動的に選択されます。変更したい場合は青枠をクリックして変更します。
ここでは「項目」を選択していきます。
※ステップ1は「項目(自由入力)が自動的に選択されます。変更したい場合は青枠をクリックして変更します。
![](https://komatoki.com/wp-content/uploads/2020/06/1648626ed15cb3fc5279a692686b1746-1-1024x542.png)
見出し、画像、テキスト、リンクが定型となっているので必要な箇所を入力、挿入していきます。
![](https://komatoki.com/wp-content/uploads/2020/06/55fc133eb1db3d65dc7a8c52ddc2f8de.png)
ステップ番号の色は、右サイドバーのブロック内、「色設定」で選択します。
![](https://komatoki.com/wp-content/uploads/2020/06/37c3ee512d159ec2db6b3e20cf9c1119-1024x456.png)