【AFFINGER5】かなり便利なステップの作り方

男性

AFFINGER5（アフィンガー）で使用できるCSSの装飾について色々知りたい！

こんな悩みに答えます。

稼ぐことに特化したWordPressテーマ「AFFINGER5（アフィンガー）」。

今回はどんな場面でも使用しやすい「ステップ」についてご紹介します。

ステップを使うとオシャレな箇条書きを作ることができます！

AFFINGER5（アフィンガー）なら使うべき「ステップ」とは

こんなのを指します↓

かなり見やすく順序が追えますし、おしゃれ！

なによりこれの良いところは、見出しを使っていないため、

目次に表示されません。

内容は少ないのに、見出しが多くなると目次が長くなり、

第一印象として長い記事だなと思われることも多いです。

そんなときに、このステップはかなりつかいます！

では、やり方を見ていきましょう。

AFFINGER5のステップの作り方

記事作成画面のエディターから

タグ＞テキストパーツ＞ステップ

から作成できます。

できるショートコードは「st-step step_no="1"  /st-step 」ですね（［ ］は削除しています）

文言の記載方法は、

• step_no="" にステップの番号を入力する
  ※例: step_no="1"
• [/st-step]の前にステップのタイトルを入力する
  ※例: WordPressをインストールする
• 改行し、ステップ内に表示させたい文言を入力する

改行をするのだけ注意してください。

改行しないと見栄えが悪くなります。

プレビューで見ながら書くと出来上がりのイメージが付くかもしれません。

これだけ！

あとはステップの分だけショートコードを書くだけです。

まとめ：AFFINGER5使ってるならタグ装飾はすごい簡単

以上、今回は「ステップ」ついてご紹介しました。

すごい簡単ですよね。

WordPressそもそもの機能がすごいので、

HTMLやCSSの知識がなくても、

おしゃれな装飾が簡単にできます。

特にAFFINGER5だと様々な種類ががあるので、

使いこなすほうが難しいです笑

今後もこういったAFFINGERに関することを紹介していきます。

お疲れさまでした。