AFFINGER 記事作成

【AFFINGER】ステップの使い方、手順紹介におすすめ、カスタマイズ方法を紹介【絶対におすすめの機能】

2020年5月18日

 

ムロ
記事を作ってると、ごちゃごちゃにならないようにh2、h3を使い分けても同じような見出しでわかりづらくなりますね 

 

 

悩む男性
確かに、見出しばっかりだと読者もここをまた深掘りするのかと思うよね?

 

ムロ
このブログは、AFFINGERのテーマを買ったけど使い方がわからない!?そんな初心者さんに、記事作成ツールの使い方や、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ ) 私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

AFFINGER プラグインセット販売価格29,800円(税込)

 

\当サイト限定特典付き/

AFFINGER プラグインセットショップはコチラ

 

 

ムロ
そんな時は、ステップを使うと効果的でイメージも見やすく、手順ツールとして使うには最適!! 
  • 1 番目に 〜 する
  • 2 番目に 〜 する

 

手順を表記したいけど、見出しを使うと目次にも反映されてしまうのが困りモノ・・・。

 

ムロ
実は、AFFINGERで1番って言っていいほど、ステップを使っています。お気に入りの機能です

 

ムロ
今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER5の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

 

 

 

 

 

 

AFFINGER5でステップを使ってない人はいないぐらい素晴らしい機能なのでおすすめ!!!

 

 

こんな感じのやり方ステップを作ります

⬇️

 

step
1
ブログを開設する 

  • WPにてブログを作る

step
2
ブログのジャンルを決める 

  • 自分の得意なジャンルを決める→プログラミング・転職・トレンドなど

step
3
ジャンルのキーワード選定

  • キーワードツールを使い、ワードを選定

step
4
記事を書く

  • 読者の知りたいと思うことを書く

 

 

 

 

AFFINGERで、ステップを作る

 

では、ステップを作っていきます。

 

 

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

 

 

  • タグ」>「テキストパーツ」>「ステップ」を選択する
  • ステップ作成用のコードが作成される

 

 

 

 

  • step_no="" にステップの番号を入力する
    ※例: step_no="1"
  • [/st-step]の前にステップのタイトルを入力する
    ※例: ブログを作るなど

 

 

 

 

  • 改行し、ステップ内に表示させたい文言を入力する
  • 必要な分だけステップを増やしていく

 

実際作ってみるとこんな感じです。

 

 

こんなのが完成する!

 

ムロ
どうですか?すごく分かりやすいですよね!

 

しかも、なんだかシンプリなのに見やすくてわかりやすい

 

 

ムロ
今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER5の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

 

ポイント

ステップを増やした際に、step_no="" の番号も併せて増やしていきましょう。

 

ステップの色を変えてみる

 

やり方は簡単。

外観>カスタマイズ>オプションカラー>ステップ/ポイント

 

 

 

 

 

ムロ
こんな簡単に色を変えれるんです。

 

他にもテキストの色や、ボーダーのいろなども変更できるので試してみてください。

 

 

まとめ:AFFINGERのステップ作り方、カスタマイズのやり方

 

今回は、WordPressテーマのAFFINGERでできる「ステップ」の作り方を解説しました。

 

AFFINGERは、かなり細い機能があって優秀なWordPress有料テーマです。

 

使いこなすのは大変かもですが、使えるようになると、他の方との差別化した記事が書けるようになります。

 

 

 

 

 

 コチラも読まれています

>>【AFFINGER】ブログのトップページをカスタマイズするやり方

>>【AFFINGER】スライドボックスを作り、枠で囲む作り方

>>【AFFINGER】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

 

 

広告1

広告2

-AFFINGER 記事作成
-, ,

© 2022 MURO BLOG Powered by AFFINGER5