人気ワードプレス「THE THOR」は本当におすすめなのか?
THE THORはSEOに強い!収益化しやすい!ということで多くのブロガーから支持されていますが、ブログ初心者にとってもおすすめのテーマなのか気になるところ。
正直ブログ初心者がワードプレスブログをはじめるなら『SWELL』がおすすめなのですが、ネットのおすすめ情報を調べてみると、まだまだSWELLをおすすめする情報は少ない感じが否めません。
そこでこのブログではTHE THORとSWELLを一つの機能に絞って真剣レビューする連載を続けています。
今回は「ボックスの使い勝手」について事例を交えTHE THORとSWELLを比較してみました。
この記事のSWELL公式マニュアルはこちら
ボックスの基本的な使い方については別記事で紹介していますので、基本から知りたいかたはこちらもご覧ください。
![](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell-thor-box-300x169.png)
サマリーの比較だけじゃ、
本当の違いは分からないから。
機能一つひとつ丁寧に比較してます。
事例1 ボックスの中にリストを作成する
ボックスと組み合わせる頻度がもっとも多いのが「リスト(箇条書き)」だと思います。
両テーマでそれぞれやり方が異なるのでご紹介します。
こんなの作ります。
THE THOR
![THE THOR ボックス内リスト 完成イメージ](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_list_in_box.png)
SWELL
![SWELL ボックス内リスト 完成イメージ](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_list_in_box.png)
THE THORでの作成方法
![THE THOR ボックス内リスト ボックスの作成](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_list_in_box_create_flow-1.png)
![THE THOR ボックス内リスト ボックスの外にリスト作成](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_list_in_box_create_flow-2.png)
![THE THOR ボックス内リスト リストのコピー](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_list_in_box_create_flow-3-1024x671.png)
![THE THOR ボックス内リスト リストの貼り付け](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_list_in_box_create_flow-4-1024x698.png)
ボックス内でリストを作成しようとしてもリストは挿入されません。
SWELL での作成方法
この時点ではサイドバーにリストブロックのスタイル設定以外表示されません
![SWELL ボックス内リスト リストブロック作成](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_editor_list_in_box_create_flow-1-1024x582.png)
![SWELL ボックス内リスト リストブロックのグループ化](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_editor_list_in_box_create_flow-2-1024x391.png)
![SWELL ボックス内リスト リストブロックのグループ化](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_editor_list_in_box_create_flow-3-1024x598.png)
リストブロックをグループ化できると、右サイドバーでそれまで表示されていなかった、ボーダーやボックスアイコンのスタイルが選択できるようになります。
![SWELL ボックス内リスト 作成完了](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_editor_list_in_box_create_flow-4-1024x644.png)
事例2 ボックスの中にボックスを作成する
ブログを書いていると、ボックスの中にさらにボックスを設置したい場面も多いと思います。
こんなのを作ります。
THE THOR
![THE THOR ボックス内ボックス](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_qa-box_in_border-box.png)
SWELL
![SWELL ボックス内ボックス キャプションブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_icon-box_in_caption-box.png)
![SWELL ボックス内ボックス 段落ブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box.png)
THE THORでの作成方法
ボーダーボックスの中にQボックスとAボックスを作成してみます。
![THE THOR ボックス内ボックス](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_qa-box_in_border-box.png)
![THE THOR ボックス内ボックス (1/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_qa-box_in_border-box_create_flow-1.png)
![THE THOR ボックス内ボックス (2/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_qa-box_in_border-box_create_flow-2-1024x790.png)
ボックス内にQボックスが設置されます。
![THE THOR ボックス内ボックス (3/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_qa-box_in_border-box_create_flow-3.png)
![THE THOR ボックス内ボックス (4/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_qa-box_in_border-box_create_flow-4-1024x801.png)
これで完成です。
![THE THOR ボックス内ボックス (5/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_qa-box_in_border-box_create_flow-5.png)
さらっと作っているように見えるかもしれませんが、実際の操作みてもらうと感じ方変わるかもしれません。
クリックすると動きます。
![THE THOR ボックス内ボックス 作成手順 GIF](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_box_in_box.gif)
「パーツスタイル設定」のボックスを利用しない場合は注意が必要かも
THE THORでは「パーツスタイル設定」から「ボックス内ボックス」のスタイルを10個まで登録しておくことができます。
今回作成したボックスも「パーツスタイル設定」にあらかじめ登録しておいた「ボックス内ボックス」を使用して作成しました。
![THE THOR ボックス内ボックス 登録リスト](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_box_in_box_list-1024x795.png)
デフォルトパーツを使って一から「ボックス内ボックス」を作ることもできますが、わたしは思い通りのボックスが作れず、断念しました。
![THE THOR デフォルトパーツ ボックス内ボックス](https://lifestyle-analytics.com/wp-content/uploads/2021/01/thor_editor_default-parts_box_in_box-1024x686.png)
ネットで探しても解説情報が見当たらないので、デフォルトパーツから作るのは正直かなり難しいと思います。
SWELLでの作成方法
親ブロックがキャプションブロックの場合
![SWELL ボックス内ボックス キャプションブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_icon-box_in_caption-box.png)
![SWELL ボックス内ボックス キャプションブロック(1/3)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_icon-box_in_caption-box_create_flow-1-1024x405.png)
![SWELL ボックス内ボックス キャプションブロック(2/3)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_icon-box_in_caption-box_create_flow-2-1024x574.png)
これで出来上がり。
(簡単ですね!)
![SWELL ボックス内ボックス キャプションブロック(3/3)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_icon-box_in_caption-box_create_flow-3-1024x573.png)
親ブロックが段落ブロックの場合
![SWELL ボックス内ボックス 段落ブロック](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box.png)
![SWELL ボックス内ボックス 段落ブロック(1/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box_create_flow-1-1024x431.png)
![SWELL ボックス内ボックス 段落ブロック(2/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box_create_flow-2-1024x473.png)
グループ全体の選択の仕方は次の画像で確認してください。
![SWELL ボックス内ボックス 段落ブロック(3/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box_create_flow-3-1024x372.png)
![SWELL ボックス内ボックス 段落ブロック(4/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box_create_flow-4-1024x514.png)
これで完成です。
![SWELL ボックス内ボックス 段落ブロック(5/5)](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell_small-icon-box_in_-big-icon-box_create_flow-5-1024x413.png)
作成してみた感想
THE THORでボックスの中にボックス作るのはかなり大変
THE THORで一から「ボックス内ボックス」を作成する場合、デフォルトパーツを組み合わせて作成することになりますが、試しに作ってみてると、思い通りにボックスを設置することができませんでした。
ちゃんと使いこなせれば「ボックス内ボックス」が作れるのでしょうけど、そもそも直感的に使えないところが問題です。
そうなると「パーツスタイル設定」に登録した「ボックス内ボックス」を使うことになる訳ですが、登録されたボックスを変更するにはコードの記述が必要です。
これがブログ初心者には優しくない。
初期設定されているスタイルを使うこともできますが、ちょっと使いにくいデザインだと思います。
(最初の3つのスタイルとか使いこなす自信がない。気になる方はググってスタイル確認してみてください。)
SWELLはボックス内ボックスの作成も簡単だった!
SWELLではグループブロック機能を使えば、ボックス内リストもボックス内ボックスも簡単に作ることができました。
クリックするだけで簡単にデザインが仕上がるのは本当に心地よいです。
ワードプレステーマを選ぶにあたって、サイトの表示速度やアフィリエイト機能の強さなど大事なポイントは人によってさまざまだとは思いますが、楽しく書けるという観点も大事なポイントだと思います。
SWELLは間違いなく、今一番楽しく書けるワードプレステーマです。
他にも素晴らしい機能がたくさんあるので、ぜひ公式サイトも覗いてみてください。