当ページのリンクには広告が含まれています。 ブロックエディタの活用

SWELLのステップブロックの使い方！手順を分かりやすく説明可能

筆者はこんな人

34インチのウルトラワイドモニター

34インチのウルトラワイドモニターをフル活用！ 気分転換で動画を見始めたら止まらない笑

ばらもん。
ばらもん。
AFFINGER6とSWELLを使って、6つのブログを運営しているビール大好き自称鳥人間です！

特化ブログの数

本記事を読むメリット

SWELLのステップブロックを有効活用して、読者に手順を分かりやすく伝えることが期待できます

 SWELLのステップブロックの使い方

step
1SWELLのステップの完成形

1-SWELLのステップの完成形

私がSWELLのステップブロックを使う方法は下記。

ポイント

  • ステップ下に画像を挿入
  • 画像の下に簡単な説明文を2行くらい

step
2ステップブロックの選択

2-ステップブロックを選択

step
3ステップブロックが挿入される

3-ステップブロックが挿入される

step
4プラスボタンを押してステップを追加

4-プラスボタンを押してステップを追加

step
5『親ブロックを選択』をクリック

5-親ブロックを選択をクリック

右上に『親ブロックを選択』が表示されています。

step
6スタイルをビッグに変更したり

6-ステップのスタイルをビッグに変更

3つのスタイルが用意されています。

  1. デフォルト
  2. ビッグ
  3. スモール

step
7スタイルをスモールに変更

7-ステップのスタイルをスモールに変更

step
8『STEP』の文字を変更可能

8-タイトルも変更可能

step
9ステップの始まりの番号も変更可能

9-開始番号も変更可能

step
10ステップの番号を横並びにすることも可能

10-ステップの番号を横並びにも変更可能

step
11SWELLのステップはカスタマイズ性高し

11-ステップのカスタマイズ性が高い

ステップ単位でのカスタマイズもできるよ！

  • 『ステップ』部分のテキスト（非表示も可能）
  • 番号部分のテキスト（非表示も可能）
  • ステップ番号のカラー

まとめ

ポイントをおさらいしておきます。

本記事のポイントまとめ

  • SWELLのステップブロックを有効活用して、読者に手順を詳しく説明してみよう！

以上です。

ばらもん。
ばらもん。
当ブログのAFFINGER6の購入特典をご紹介します。

AFFINGER6のモニター、iPad、iPhoneの見栄え

  1. 適切にリライトをして検索順位を実際に上げた方法（2021年の内容にはなりますが、本質は今現在も同じだと感じています。）
  2. 2024年9月現在で、note累計125冊売り上げた『【本当は内緒にしたい】本業情シスが社内パソコンでサボる2つの手段』←リンクから途中までnoteで読むことができます。

本記事購入時にお送りする閲覧パスワードを入力することで、下記から読むことができるようになります。

  1. 【ブログリライト】１２→１位にランクアップさせた手順とは？
  2. 【本当は内緒にしたい】本業情シスが社内パソコンでサボる2つの手段

SWELLも気になるけど、AFFINGER6も触ってみたいなぁ・・・って思われている方は、下記リンク経由でAFFINGER6をゲットしてみてくださいね！

公式ページへ（特典付き）

-ブロックエディタの活用