当ページのリンクには広告が含まれています。 SWELLに軍配

AFFINGER6とSWELLのステップ装飾のメリット・デメリット

筆者はこんな人

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

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

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

特化ブログの数

ばらもん。
ばらもん。
AFFINGER6とSWELLの『ステップ（手順）の装飾』の違いを教えて欲しい

上記のお悩みを解決します。

本記事の内容

  •  AFFINGER6とSWELLの『ステップ（手順）装飾』の違いについて

こんな方におすすめ

  • AFFINGER6とSWELLのどちらを購入しようか悩まれている方

それでは、本題に入ります。

『AFFINGER6とSWELLのステップ装飾』の違い

AFFINGER6とSWELLのステップ装飾を比較した場合のメリット・デメリットは下記。

SWELL

メリット デメリット

SWELLはブロックエディタでステップブロックが数種類用意されており、かつステップを増やしたり・順番を変えることもできて使いやすい

AFFINGER6のクラシックエディタにもステップはあるが、増やしたり・順番を変えるのがめんどくさい

結論です。

AFFINGER6とSWELLの『ステップ装飾』の違いを比較した場合、『SWELL』に軍配が上がると感じています。

理由は、ステップ項目を追加するときの手順の差です。

ポイント

AFFINGER6で手順追加をするときには、コードをコピペする必要があります。
対して、SWELLのステップブロックは『プラスボタンを押してステップを追加』していくことができます。

2-ステップブロックのプラスボタンを押す

さらに、SWELLではステップの間に挿入したいコンテンツが発生した場合にも簡単に挿入ができます。
AFFINGER6のクラシックエディタだと、やり直しです・・・。

ばらもん。
ばらもん。
AFFINGER6でステップを使うときには、下記をメモ帳からコピペして使っています。
step
1




step
2




step
3




step
4




step
5




step
6




step
7




step
8




step
9




step
10




step
11




step
12




step
13




step
14




step
15




step
16




step
17




step
18




step
19




step
20




step
21




step
22




step
23




step
24




step
25




step
26




step
27




step
28




step
29

AFFINGER6とSWELLで、出来上がるステップの見た目には大きな違いはありません。
しかし、ステップを作成していく手順には大きな違いを感じています。

ココがポイント

やはり、SWELLのブロックエディタの完成度は高いですね。

特に、私が気にっているのはSWELLの『ステップブロック（スモールスタイル）』。
アフィリエイトリンクも自然に貼ることができています。

SWELLのオススメポイント

画像の枠も、パソコン風・ブラウザ風にできることもポイント高いです。

SWELLのステップブロック（スモールスタイル）

3-SWELLのステップブロック（スモール）

ココがポイント

『SWELL』に軍配が上がると感じている

 

AFFINGER6とSWELLの画面を見てください。

＼タブで切り替えてね！／




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

step
1WordPressテーマ「SWELL」にアクセスして、『DOWNLOAD』をクリック

SWELLの公式ホームページから『DOWNLOAD』を押下

タグ→レイアウト→タイムライン→基本


  • 『DOWNLOAD』をクリック

    WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。

    SWELLの公式ホームページから『DOWNLOAD』を押下


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タグ→レイアウト→タイムライン→センター


  • 『DOWNLOAD』をクリック

    WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。SWELLの公式ホームページから『DOWNLOAD』を押下


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タグ→レイアウト→タイムライン→基本（ステップ）


  • step.1

    WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。

    SWELLの公式ホームページから『DOWNLOAD』を押下


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


タグ→レイアウト→タイムライン→センター（ステップ）


  • step.1

    WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。SWELLの公式ホームページから『DOWNLOAD』を押下


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


タグ→レイアウト→タイムライン（カウント）→基本


  • WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。SWELLの公式ホームページから『DOWNLOAD』を押下


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タグ→レイアウト→タイムライン（カウント）→センター


    • WordPressテーマ「SWELL」にアクセスをして、『DOWNLOAD』をクリックします。SWELLの公式ホームページから『DOWNLOAD』を押下


    • ここに見出しテキスト

      ここにコンテンツ


    • ここに見出しテキスト

      ここにコンテンツ


    SWELLのステップブロック（デフォルト）

    1-SWELLのステップブロック（デフォルト）

    SWELLのステップブロック（ビッグスタイル）

    2-SWELLのステップブロック（ビッグ）

    SWELLのステップブロック（スモールスタイル）

    3-SWELLのステップブロック（スモール）

    画像の枠をブラウザ風に変更することも可能

    4-SWELLのステップブロックで画像をブラウザ風に変更

    さらにさらに、SWELLのステップのすごいところがあります。

    ココがポイント

    ステップの順番の入れ替えも自由自在！

    例えば、ステップ14のところにコンテンツの入れ忘れた手順があった場合。

    1-SWELLのステップブロックの順番入れ替え

    step
    1    ステップブロックのプラスボタンをクリック

    2-ステップブロックのプラスボタンを押す

    step
    2    新しいステップブロックが挿入される

    3-ステップブロックが追加される

    step
    3    間に挿入したいコンテンツを作成

    4-間に挿入したいコンテンツを作成

    step
    4    上矢印をクリック

    5-ステップブロックの上矢印をクリック

    step
    5    ステップの番号が自動で変わっていく

    6-ステップの番号が自動で変わる

    step
    6    間に挿入完了

    7-ステップブロックの順番変更完了

    ココがダメ

    AFFINGER6のクラシックエディタでは、ステップに入れ忘れがあった場合にはやり直しです・・・。


    AFFINGER6の方が、ステップの装飾数は多いです。
    しかし、SWELLと見比べた場合にどちらが見やすいと感じましたか？

    AFFINGER6とSWELLの両方を使っています。
    私はSWELLのステップブロックの方が使いやすく、デザインも好みです。

    ポイント

    また、SWELLでは画像の枠の装飾の種類も豊富です。

    今回の例のように、申し込み手順ではパソコン風やブラウザ風を多用しています。

    まとめ

    ポイントをまとめます。

    ポイント

    AFFINGER6のステップを追加するときは、コードをコピペしていく必要があるよ！

    対して、SWELLのステップブロックは、プラスボタンを押してステップを追加していくことができる！
    操作性を考慮した場合に、SWELLのステップブロックに軍配が上がると感じたよ！

    以上です。

    -SWELLに軍配