このサイトはアフィリエイト広告を利用しています。

広告 AFFINGER 記事作成

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

2020年5月18日

 

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

 

 

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

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

 

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

⬇️

 

step
1
ブログを開設する 

  • WPにてブログを作る

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

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

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

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

step
4
記事を書く

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

 

 

 

むろ
正直ブログはやってほぼ損はないので、少しでも興味があるなら気軽にトライしてみるといいですよ。今回は迷っている方の背中をそっと押せたらなと思っています。

それでは、内容にいきましょう!

ちなみにブログは実践が大事。なのでブログをまだお持ちでない方はこちらからサクッと10分で開設をどうぞ。今だけお得なキャンペーンもあるので、この機会にお得に始めましょう。

>>たった10分WordPressでブログの始め方を42枚の画像を使って解説【初心者向けブログの作り方】

WordPressブログ開設の流れを42枚の画像を使って解説【初心者向けブログの作り方】

続きを見る

\当サイトおすすめのWordPressテーマ「AFFINGER6」/

>>AFFINGER6を公式サイトから導入する

 

 

AFFINGERで、ステップを作る

 

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

 

 

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

 

 

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

 

 

 

 

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

 

 

 

 

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

 

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

 

 

こんなのが完成する!

 

むろ
どうですか?すごく分かりやすいですよね!

 

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

 

 

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

 

 

ポイント

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

 

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

 

やり方は簡単。

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

 

 

 

 

 

むろ
こんな簡単に色を変えれるんです。

 

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

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 コチラも読まれています

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

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

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

 

 

-AFFINGER 記事作成
-, ,