SWELLに軍配

AFFINGER6とSWELLのステップの作り方やデザインを比較

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

筆者はこんな人

AFFINGER6とSWELLを使って、6つのブログを運営している人。(2023年8月実績は、総PV約52,000/月)

SWELLで特化ブログを4つ、雑記ブログを1つ、AFFINGER6で当ブログを運営中。

AFFINGER6とSWELLそれぞれのメリット・デメリットを理解している。

両テーマを同時に使っているからこそ発信できるリアルな声。

私が運営している6つのブログたちのドメイン

ばらもん。
結論から申し上げますと、AFFINGER6とSWELLの両方を使って雑記ブログと特化ブログを両方運営することが最適解だと感じています。
雑記ブログを運営していて、伸びてきているカテゴリーはありませんか?
伸びてきているカテゴリーがあるなら、特化ブログを立ち上げることをオススメします!

ココがポイント

SWELLとAFFINFER6の比較記事を書いている方は多くいらっしゃいます。
しかし、私は両テーマを同時進行で使っている希少価値のあるブロガーです。

ばらもん。
両テーマの違いを包み隠さずに解説しています。

SWELLとAFFINGERどっち?!12項目で徹底比較にオリジナル意見をとことんまとめました。

AFFINGER6とSWELLを徹底的に比較して、テーマ選びに悩まれている方へ手助けをすることが当ブログのコンセプト
当ブログを読むことで、答えにたどり着けるはずですよ

でも、ひとりで6つものブログを運営するのって大変なんじゃないの?

ブログを複数(6つ)運営をして感じているメリット・デメリットにリアルな感想をまとめています。

 

 

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

 

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

 

本記事の内容

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

こんな方におすすめ

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

 

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

 

 

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

結論です。

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

 

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

ポイント

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

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

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

 

 

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

 

 

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

ココがポイント

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

 

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

SWELLのオススメポイント

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

SWELLのステップブロック(スモールスタイル)

3-SWELLのステップブロック(スモール)

ココがポイント

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

 

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

 

\タブで切り替えてね!/




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

step
1
WordPressテーマ「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のステップブロックに軍配が上がると感じたよ!

     

    以上です。

    \AFFINGER6とSWELLを徹底比較中!/

    \AFFINGER6とSWELLで悩まれている方へ!/

    ココがポイント

    最適解は、『両テーマで複数ブログを運営すること』だという結論に3年の長い歳月をかけて辿り着きました。
    しかも、決断は早いに越したことはありません。

    私はつのブログでAFFINGER6とSWELLを同時に使っています!

     

    AFFINGER6とSWELLを同時に使っている私は、『SWELL』をオススメします。

     

    ポイント

    デザインや操作性を求めるなら→『SWELL』

    カスタマイズやアフィリエイトを追求するなら→『AFFINGER6』

     

    AFFINGER6かSWELLかどちらを有料テーマ選びで悩まれていませんか?

    両テーマを同時に使っている私が、AFFINGER6とSWELLを徹底的に比較しました。

    下記記事をご覧ください。

    さらに詳しく

     

    \AFFINGER6&SWELLを同時に使っている私がオススメするテーマ/

    SWELLならやりたかったことができるはず

    SWELLのデモサイトを見てみる

    /サイト作りの参考になります\

     

    もしかしたら、あなたもドメイン更新料で損をしているかもしれません。

    私は、お名前.comとムームードメインからエックスドメインへ移管をしました。
    結果、更新料を大幅に安くすることに成功しています。

    ブログをこれから先も継続していこうと考えているなら、下記の表をぜひともご覧になってください。

    2023.9月時点

    ※割と頻繁にキャンペーンを開催しているので、料金は変動する可能性があります

    .com お名前ドットコム ムームードメイン エックスドメイン
    取得料金1年目 0円 750円 1円
    更新料金2年目 1,408円 1,728円 1,428円
    更新料金3年目 2,816円 1,728円 1,428円
    更新料金4年目 4,224円 1,728円 1,428円
    更新料金5年目 1,408円 1,728円 1,428円
    更新料金6年目 1,408円 1,728円 1,428円
    更新料金7年目 1,408円 1,728円 1,428円
    合計(仮に7年目まで) 12,672円 11,118円 8,569円

     

    ココがポイント

    契約期間が長くなれば長くなるほどに、金額差が広がっていくことがわかりますね。

    ブログは長くやればやるほどに成長(ドメインエイジが増す)していきます。
    ドメインをどこで契約するのかは一目瞭然ではないでしょうか。

     

    お得情報

    私はエックスサーバーでサーバー&ドメインを同時契約して、キャンペーンドメインをゲットしました(更新料が永久無料)

    しかもこれ、ドメイン移管でもオッケーなんです。(※諸条件あるので、公式ページを要チェック。)

     

    ばらもん。
    私自身、お名前ドットコムとムームードメインからエックスサーバーにドメイン移管してエックスサーバーで一元管理しています

    ここだけの話、更新料永久無料キャンペーンドメインを2個もっています。
    くわしくは下記の記事をご覧ください。

    ドメイン更新料は、独自ドメインでブログを運営する上で絶対に必要な経費。
    安く抑えていきたいところです。

    【エックスサーバー】独自ドメインキャンペーンがすごすぎる?!

     

    \現在開催中のキャンペーンを公式ページでチェックすることをオススメします/

    エックスサーバー でお得なキャンペーン情報をチェックしてみる

     

    \特化ブログを立ち上げる流れを詳しく解説!/

    step
    1
    特化ブログを立ち上げる下準備

    下記を考えておくとスムーズに特化ブログを立ち上げることができるよ!

    ポイント

    新しいサイト名

    新しいドメイン名

    新しいサイトのユーザー名

    新しいサイトのログインパスワード

    引っ越しする記事

    引っ越しするカテゴリー

    ココがポイント

    パソコンのメモ帳やEvernoteに設定情報をメモしておくと便利!

    step
    2
    独自ドメインを取得

    独自ドメインをセルフバックでお得にゲットしちゃいましょう。
    エックスサーバーがキャンペーン期間中なのかは要チェック!

    ポイント&注意点

    エックスドメインのセルフバック
    【エックスドメイン】セルフバックを2回やってみた

    続きを見る

    関連

    エックスサーバーじゃない方は、これを機にサーバー移転をすることもオススメ。
    私自身も、カゴヤサーバーからエックスサーバーに乗り換えました。

    【エックスサーバー】独自ドメインキャンペーンがすごすぎる?!

    step
    3
    エックスサーバーの設定

    独自ドメインがゲット出来たら、エックスサーバーの設定をササっと済ませておきます!
    当ブログが推奨しているエックスサーバーには、『WordPress簡単インストール』機能もあって便利です。

    ポイント&注意点

    エックスサーバーでドメイン取得したらやっておくこと
    【エックスサーバーでドメイン取得したらやっておくこと】

    続きを見る

    step
    4
    SWELLのダウンロード→インストール

    SWELLをまだ持っていない人は、SWELLのテーマファイルをダウンロードしましょう!
    WordPressに命の風を吹き込んでいきます!

    ポイント&注意点

    【SWELL導入手順】ポイントと注意点を画像多めでくわしく解説

    続きを見る

    step
    4
    SWELLに最適なプラグインをインストール

    WordPressにSWELLがインストールできたら、SWELLに必要なプラグインをセットしていきましょう!

    ポイント&注意点

    SWELLにインストールしているプラグイン
    【SWELL】インストールしているプラグインをご紹介

    続きを見る

    step
    5
    SWELLにGoogleアナリティクスとGoogleサーチコンソールを設定

    プラグインのインストール→有効化が完了したら、GoogleアナリティクスとGoogleサーチコンソールの設定をしていきましょう!

    ポイント&注意点

    SWELLでアナリティクスとサーチコンソールの設定
    SWELLでアナリティクス→サーチコンソール設定【2023最新版】

    続きを見る

    step
    6
    サイトアイコン作成

    ブログの顔でもある『サイトアイコン』を無料&最速で作っておきましょう!

    ポイント&注意点

    swellでサイトアイコンを作った方法
    SWELLでサイトアイコンを最速&無料で作った方法

    続きを見る

    step
    7
    お問い合わせフォームの設置

    お問い合わせフォームの設置しておくことをオススメします。
    WPFormsというプラグインを使えば、簡単にオシャレなお問い合わせフォームを作ることができます。

    ポイント&注意点

    SWELLでお問い合わせフォームの設置
    SWELLでWPFormsを使って問い合わせを設置する手順

    続きを見る

    step
    8
    プライバシーポリシーページの設置

    ブログを運営していくためには、自分自身を守るためにもプライバシーポリシーページが必要です。

    ポイント&注意点

    SWELLでプライバシーポリシーページを設置する方法
    SWELLでプライバシーポリシーページを設置する手順

    続きを見る

    step
    9
    トップページ作成

    オシャレなトップページを作成して、訪問ユーザーをビックリさせちゃいましょう!

    ポイント&注意点

    SWELLで画像に文字入れする方法
    SWELLで画像の上に文字を置く方法4選!

    続きを見る

    step
    10
    記事一覧ページの作成

    ユーザーの回遊率アップを狙うために、記事一覧ページを用意しておきましょう!

    ポイント&注意点

    swell一覧ページの設置
    SWELLの記事・人気・カテゴリー一覧ページの作り方

    続きを見る

    step
    11
    記事のお引越し

    GoogleアナリティクスとGoogleサーチコンソールの設定ができたら、記事を引っ越ししていきましょう!
    私自身、引っ越しさせた記事は50記事は超えています。

    ポイント&注意点

    記事を引っ越しして特化ブログを作ってみよう!ポイントや注意点は?

    続きを見る

    step
    12
    余裕があれば高速化しておこう

    SWELLをさらに高速化させて、ユーザービリティ向上を狙いましょう!

    ポイント&注意点

    swell高速化9選
    【SWELL高速化9選】モバイル99点・デスクトップ100点

    続きを見る

    -SWELLに軍配