SWELL(スウェル)

【Luxeritasルクセリタス→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つ)運営をして感じているメリット・デメリットにリアルな感想をまとめています。

swellレビュー

本記事の内容

  • 1年以上使ってきたルクセリタス→『SWELL』へテーマ変更しました

 

こんな方におすすめ

  • テーマ変更を検討している方
  • ルクセリタスを使っている方
  • SWELLが気になっている方

 

 

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

 

Luxeritasルクセリタス→SWELLへ乗り換え!

結論です。

ルクセリタス→SWELLへテーマ変更をしました。

SWELLのイチバン売りは、大きく2つあると実感しました。

 

ポイント

オシャレなトップページデザインを簡単に作ることが可能

ブロックエディタが、かなり使いやすい

 

2年弱もの間、ルクセリタスを使ってきた私がSWELLにテーマ変更をして感じたことです。

無料テーマを使ってきたからこそ分かること目白押しです。

ばらもん。
簡単ではありますが、解説します

 

オシャレなトップページデザイン

私がSWELLで運営している『ぶろぐしる~』を見てもらったほうが早いです。

 

私は、以前からトップページにフルワイドで画像をドーン!と表示したい願望がありました。
しかし、CSSやHTMLをいくらカスタマイズしても『画像ドーン!』の夢は叶いませんでした。

 

 

しかし!

 

SWELLなら、クリックポチポチだけで『画像ドーン!』が可能です。
私がいままで悩んでいた時間は、かなり無駄なことに気付いた瞬間です。

ポイント

『動画ドーン!』もできるよ!

 

swell ピックアップバナー

ヘッダー下のピックアップバナーの設置も簡単です。

 

もちろん、スマホは『2段2列』で表示をしてくれます。

AFFINGER6でも、同じような機能=ヘッダーカードはありますよね。
しかし、ルクセリタスでは実現することはできませんでした・・・。

ルクセリタスで試行錯誤した経緯をご紹介しています→『【Luxeritasルクセリタス】スマホ表示でアフィンガー風ヘッダーカード

 

swell プロフィール

プロフィール欄もご覧の通り、フルワイドでオシャレに仕上がります。

トップページは、1カラムフルワイドで仕上げたい願望があったのでSWELLにして大満足です。

 

ブロックエディタ 使い方(デザイン崩れ対応方法)

 

SWELLのブロックエディタは、かなり使いやすいと感じています。

 

テーマ変更あるある

テーマを変更すると、デザイン崩れが発生する・・・。

 

1年以上かけて、執筆してきた記事は約130記事です。

SWELLでは、乗り換えサポート用プラグインと言われるものがあります。

メモ

2023年2月時点では、下記の6つのテーマの乗り換えサポートがあります。

Cocoon

AFFINGER5

JIN

SANGO

STORK

THE THOR

残念ながら、ルクセリタスの乗り換えサポートはまだありません。

1つ1つの記事のデザイン崩れを修正していくのは、正直言って大変です。
しかし、SWELLのブロックエディタのおかげで修正が早く済んだことは事実です。

慣れた頃には、1記事のデザイン崩れを修正するのにかかる時間は『約10分』です。

特に、吹き出しを多用している方はデザイン崩れの修正は大変かな?という印象を感じました。

 

ルクセリタスのデザイン崩れ

ルクセリタス→SWELLにテーマ変更をしたことで発生したデザイン崩れをご紹介します。

 

タブで切り替え可能





 

デザイン崩れが一番気になったのは『吹き出し』です。

SWELLにテーマ変更直後は、吹き出しアイコンの下に会話内容が表示されるようになりました。

 

しかし、安心してください。

 

SWELLに追加CSSを記述することで、囲み枠等は反映させることができます。
ルクセリタスで記述していたCSSを追加することで、一時的にしのぎました。

致命的なデザイン崩れは発生しません。

 

デザイン崩れの修正方法

デザイン崩れの修正方法を簡単にご紹介します。

SWELLは、クラシックエディタは使うことはありません。

step
1
ブロックへ変換

 

step
2
ブロックに変換完了

 

step
3
『ふきだしブロック』を選択

 

step
4
『ふきだしブロック』が挿入される

※ふきだしは、あらかじめ設定しておく必要があります。

 

step
5
元の吹き出し内容をコピペ

 

step
7
吹き出しのデザイン崩れ修正完了

 

step
8
不要ブロックを削除

 

step
9
『キャプション付きブロック』を選択

冒頭テンプレートの『本記事の内容』ブロックを作っていきます。

 

step
10
『キャプション付きブロック』が挿入される

 

step
11
『キャプション付きブロック』の色とアイコンを設定

 

step
12
『キャプション付きブロック』完成

 

step
13
ブロックの複製も簡単

※慣れてきたら、ショートカットキー『Ctrl+Shift+D』で即完了です。

 

step
14
こんな感じに複製もできる

 

step
15
修正完成

 

動画にまとめてみました。

 

まとめ

 

1年以上かけて執筆してきた記事を修正していくのは、正直に言うと『大変』です。
テーマ変更を決断するのは、早いほうが断然に良いです。

 

私自身も130記事ほど、デザイン崩れ修正をしていますが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(スウェル)