【affinger5初心者マニュアル】ステップの使い方・カスタマイズをわかりやすく解説します

皆さんこんにちは！女子大生ブロガーのべってぃです。

皆さんAFFINGER５の「ステップ」というカスタマイズをご存じですか？

ホタテさん

ステップとはこういうものです↓↓

「step1・step2」のようにステップを使うことで、手順を説明することができます。

しかし、ワードプレス・AFFINGER５初心者の方は「ステップってなんだよ！難しそうじゃん！」って感じですよね、、、

そんな方に朗報です♪なんと「ステップ」はめちゃくちゃ簡単に作れちゃいます！！

今回紹介する手順に沿ってやれば、どなたでもできますよ。初心者向けに画像付き解説をします。

ホタテさん

↓↓今回はこんな悩みをお持ちの方に役立つことをまとめました↓↓

この記事を見て、皆さんもステップを使いこなせるようになりましょうね♪

ステップの使い方（画像付き解説）

step
1ステップを用意する

①タグ→②テキストパーツ→③ステップの順番にクリックする。

step
2テキストをいれる

先程step1でステップをしたのでテキストをいれましょう。画像にあるように、［st~］と［/st~］の間にテキストをいれてください。

step
3ステップの番号を変える

「step1」・「step2」のようにステップの番号を変えてみましょう！ステップの番号は手動で変えることができます。

ホタテさん

下の画像のように［st-step steo_no="1"］の「""」の中の数字を変えましょう！！！

step
4完成！！

これで完成です！！完成したら「プレビュー」をクリックして確認してみてください！

ホタテさん

ブログ上では下の画像のようにステップが表示されます。

まとめ

いかがでしたか？今回は「affinger5でステップを作る方法」についてご紹介しました！

では今回紹介したことを簡単に説明します。

ステップタグの作り方

ホタテさん

他にもAFFINGER５関連の記事があるので、みてください！！