【WordPressテーマ】ブログが100倍楽しくなる神テーマ『SWELL』を徹底レビュー

どうも、ひろもん(@hiromon_com)です。

私は今まで有料WordPressテーマを8個ほど購入し、さまざまなブログやサイトで使用してきましたが、その中で今もっとも気に入っているテーマが、現在当ブログでも使用している『SWELL』です。

今までずっとクラシックエディターのテーマを使用してきましたが、ブロックエディターに完全対応している『SWELL』に乗り換えた時は、「なぜ今までクラシックエディターを使いやすいと思っていたのか…」とあまりの使いやすさに度肝を抜かれました。

『SWELL』ではクラシックエディターの時のように、HTMLタグやコードを目にすることがほとんどなく、画像も装飾も何もかもすべて直感的に使えて、記事を書く手がサクサク進みます。

さらに製作者の熱量がものすごくて、他のテーマよりも圧倒的な頻度でアップデートを繰り返しており、毎月のようにテーマがブラッシュアップされてどんどん使いやすくなっている今もっとも熱いテーマです。

そこで今回は、今もっとも気に入っているWordPressテーマ『SWELL』について徹底的にレビューをしていきます。

もくじ

『SWELL』の購入を決めた理由

『SWELL』の購入を決めた理由

レビューの前に、なぜ私が『SWELL』を購入したのか先に説明します。

理由は2つ
『SWELL』を購入した理由
  1. 「ブロックエディター」に完全対応していた
  2. 前から機会があれば購入しようと思っていた

私はWordPressを使い始めてから数年間ずっと「クラシックエディター」だけを使ってきましたが、「クラシックエディター」は2021年12月31日をもって、公式サポートの終了が決まっています。

追記

「クラシックエディターは少なくとも2022年まで、さらに必要とあれば今後もサポート・保守される」とサポート期間の変更が公式から発表がありましたが、一度ブロックエディターの使いやすさに慣れた人がクラシックエディターに戻るケースは少ないと思うので、どっちみち今後はブロックエディターが主流になると思います。

「ブロックエディター」はWordPress5.0から新しく採用されたエディターですが、どうしても使い慣れた「クラシックエディター」をそのまま使いたいと思っていたので、「ブロックエディター」を試しもせず一切使用してきませんでした。

しかし「クラシックエディター」のサポート期間が少なくなって来たこともあり、そろそろ「ブロックエディター」にも慣れておかなければと思い、前から気になっていて機会があれば購入しようと思っていた「ブロックエディター」に完全対応している『SWELL』を購入しました。

ひろもん

はじめは「ブロックエディター」完全対応に惹かれて購入しましたが、今ではあらゆる面で気に入っています。

『SWELL』のレビュー

詳しい機能は公式サイトのマニュアルで説明されているので、ここでは私が実際に『SWELL』使って他のテーマと比べて気に入っているポイントを中心にレビューしていきます。

ブロックエディターに完全対応

まず『SWELL』の一番の特徴は何と言っても「ブロックエディター」に完全対応していることです。

一応他のテーマでも「ブロックエディター」を使用できますが、多くのテーマは「クラシックエディター」にしか力を入れておらず「ブロックエディター」に完全対応していないため、「ブロックエディター」で記事を書こうとしても機能が少なかったり不具合があったりします。

「ブロックエディター」に完全対応しているテーマ:SWELL

「ブロックエディター」で「クラシックエディター」のすべての機能が使える。

「ブロックエディター」に完全対応していないテーマ:多くのテーマ

「ブロックエディター」で「クラシックエディター」のすべての機能が使えない。

もちろん『SWELL』以外にも「ブロックエディター」にある程度対応しているテーマもありますが、多くのテーマはマニュアルを見ても「ブロックエディター」についてほぼ触れられていないか記載がありません。

そんな中『SWELL』は「ブロックエディター」に完全対応しており、マニュアルでも「ブロックエディター」について詳しく解説されているので、現状「ブロックエディター」で記事を書くなら『SWELL』がもっともふさわしいのではないかと思います。

URLの自動カード化

「URLの自動カード化」とは、以下のようにURL(リンク)を入力すると自動でカード化して表示する機能で、「内部リンク」「外部リンク」問わず、リンク先のページURLを入力するだけで自動でカードに変換され、テキストリンクよりも見栄えが良くなります。

SWELL
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマシンプル美と機能性の両立させ、圧倒的な使い心地を追求するWordPressテーマ - 『SWELL』の公式販売サイト。 最新のブロックエディター『Gutenberg』にも完全対応。プログ...

ちなみにカード化させたくない場合は、以下のようにURLのままにもできます。

https://swell-theme.com/

「内部リンク」だけをカード化できるテーマは他にもありますが、『SWELL』はプラグインなしで「外部リンク」もカード化でき、カードのデザインも3種類から選べます。

画像をクリックすると拡大します

URLの自動カード化のデザイン1

タイプ1

URLの自動カード化のデザイン2

タイプ2

URLの自動カード化のデザイン3

タイプ3

クリックで画像が拡大するのも『SWELL』の機能で、オン・オフ切り替えられます。

ブロック装飾

「ブロック装飾」は様々な”ボックス”や”背景”を組み合わせたりして記事に挿入でき、枠線や背景などの色も変更できます。

シンプルなボックス

二重線のボックス

点線のボックス

薄いグレーのボックス

ストライプの背景

方眼の背景

角に折り目がある背景

スティッチのボックス

カギ括弧

カギ括弧(大)

窪み効果

浮き出し効果

左に縦線

付箋風

吹き出し

吹き出し2

グッドアイコン付きボックス

バッドアイコン付きボックス

インフォアイコン付きボックス

アナウンスアイコン付きボックス

えんぴつアイコン付きボックス

書籍アイコン付きボックス

電球アイコン付きボックス

チェックアイコン付きボックス

バツアイコン付きボックス

はてなアイコン付きボックス

アラートアイコン付きボックス

メモアイコン付きボックス

さらにブロックをグループ化すると以下も使用できるようになります。

ブラウザ風の枠

デスクトップ風の枠

ふきだしブロック

最近は「ふきだし」を標準機能として使用できるテーマも増えてきましたが、『SWELL』にも当然「ふきだし」機能があり、アイコン画像や「ふきだし」の向きや色など事前に登録して簡単に呼び出せます。

ひろもん

事前登録した「ふきだし」

ひろもん

枠線なしの「ふきだし」

ひろもん

色も自由に変更可能

ひろもん

心の声風の「ふきだし」

ひろもん

逆向きの「ふきだし」

ひろもん

アイコン画像の丸枠も外せる

『SWELL』が便利なのはここからで、事前に登録した「ふきだし」を5個でも10個でもたったワンクリックで切り替えてすぐに呼び出せます。

他の多くのテーマでは「ふきだし」を呼び出すことはできでも、ワンクリックで切り替えはできないので、ブログに複数のキャラクターを設定している場合や、「ふきだし」を使用する頻度が多い方ほど記事の作成がラクになります。

キャプション付きブロック

「キャプション付きブロック」とは、以下のようにタイトルが付いているボックスのことで、デザインやボックスカラー、アイコンをワンクリックで切り替えられます。

デザインは7パターンでカラーは自由に設定可能

キャプション

デフォルトのデザイン

キャプション

キャプションが枠上にあるデザイン

キャプション

キャプションが枠内にあるデザイン

キャプション

キャプションがボックス内にあるデザイン

キャプション

ボックスに影付きのデザイン

キャプション

キャプションが枠上にあるデザイン2

キャプション

キャプションが小さいデザイン

「キャプション付きブロック」は、ポイント解説や用語解説、作業手順や記事のまとめなどによく使用しています。

ワンポイントアドバイス

テキストテキストテキストできます。

○○とは

テキストテキストテキストのことです。

作業手順
  1. テキスト
  2. テキスト
  3. テキスト

リストブロック

「リスト」自体はどのテーマにもありますが、『SWELL』のリストはデザインを変更できるだけでなく、下線をつけられるのが気に入っています。

デザインは8パターン

  • デフォルトリスト
  • リスト
  • リスト
  1. 目次リスト
  2. リスト
  3. リスト
  1. 数字リスト
  2. リスト
  3. リスト
  1. 丸数字リスト
  2. リスト
  3. リスト
  1. グッドリスト
  2. リスト
  3. リスト
  • バッドリスト
  • リスト
  • リスト
  • チェックリスト
  • リスト
  • リスト
  • 注釈リスト
  • リスト
  • リスト

どのデザインも下線をつけるかどうか選べます。

SWELLボタンブロック

「SWELLボタンブロック」では、ボタンの形や色、サイズの他にもアイコンの有無など自由に設定できるだけでなく、各ボタンごとの表示回数・クリック数・クリック率などの計測も可能です。

デザインは6パターン

ボタンを作成できるテーマは他にもありますが、ボタンごとにクリック率などのデータを計測できるテーマは珍しく、『SWELL』ではプラグインなどを使用しなくても標準機能として使用できます。

たとえば設置したボタンのクリック率が低い場合、ボタンの色や文言を変えたり、配置自体を変えたりしてもデータでクリック率の変化がわかるので、より効果的なボタンを設置できます。

ステップブロック

「ステップブロック」とは、手順や物事を順番に説明するときなどに役立つブロックで、デザインパターンは6種類あります。

デザインパターンは6種類

STEP
独自ドメイン

ステップ1の説明

STEP
レンタルサーバー

ステップ2の説明

手順
テキスト

ステップ1の説明

手順
テキスト

ステップ2の説明

作業の流れ
テキスト

ステップ1の説明

作業の流れ
テキスト

ステップ2の説明

ステップ
WordPressをインストール

ステップ1の説明

ステップ
『SWELL』をインストール

ステップ2の説明

ルール
テキスト

ステップ1の説明

ルール
テキスト

ステップ2の説明

おすすめ
テキスト

ステップ1の説明

おすすめ
テキスト

ステップ2の説明

「STEP」の部分は好きな文字に変更でき、数字も好きな数字からカウントを始められ、いくつでもSTEPを増やせるので、手順が多い説明にも対応できます。

さらに説明欄には画像も使えますし、丸と四角のシンプルなデザインではシェイプの塗りつぶしもできるので、色々なサイトで役立ちます。

フルワイドブロック

「フルワイドブロック」とは、画面の端から端までコンテンツを表示させられるブロックで、主に1カラムのページやランディングページなどに使用し、背景に色をつけたり画像を設定して、その上にテキストなどを入力できます。

背景画像の不透明度やテキストの色も自由に変更できます。

背景画像に以下のようにパララックス効果も付けられます。

「パララックス効果」とは立体感や奥行きを演出する手法です。

LP(ランディングページ)などでよく使われている効果です。

背景は画像ではなく好きな色を設定することもでき、境界線の形状やうねり具合も変更できます。

わかりやすいように派手な色を背景にしています。

ノーマルの境界線

斜線の境界線

斜線の角度と斜線の向きも変更可能です。

円の境界線

円の丸みを変更可能です。

波の境界線

波のうねり具合を変更可能です。

ジグザグの境界線

ジグザグ具合を変更可能です。

上下別々の境界線

上下の境界線を別々の形にも設定可能です。

フルワイドブロックは、ランディングページ以外にも1カラムのページに使用するとわりと簡単にオシャレ感を出せますし、『SWELL』の公式サイトも、1カラムのページに「フルワイドブロック」を使用して作られています。

テーブルブロック

「テーブルブロック」自体はWordPressの標準機能なので特別なものではありませんが、標準のままでは超簡易的な表しか作成できずお世辞にも使い勝手がいいとは言えません。

『SWELL』では「テーブルブロック」の機能が拡張され、以下の4種類のデザインから好きなものを使用でき、標準機能よりかなり使いやすくなります。

テキストのセンタリングもできます

ヘッダーヘッダー
テキストテキスト
テキストテキスト
テキストテキスト
デフォルトスタイル
ヘッダーヘッダー
テキストテキスト
テキストテキスト
テキストテキスト
シンプルスタイル
ヘッダーヘッダー
テキストテキスト
テキストテキスト
テキストテキスト
ストライプスタイル
ヘッダーヘッダー
テキストテキスト
テキストテキスト
テキストテキスト
二重線スタイル

さらに一列目の背景色を薄いグレーにできるので、比較表の幅が広がります。

スターを使ったレビューもできます

成分量価格口コミ
商品A10種類1,000円
商品B8種類1,500円
商品C12種類2,000円
商品D20種類2,500円
架空の比較表の例

セルを結合したり、特定のセルの背景色だけを変更したりはできないので、そういった使い方をしたい場合は部分的に「クラシックエディター」を使用できる「クラシックブロック」を使えば対応できます。

管理画面でPV数を確認

通常WordPressの管理画面でPV数を確認するには「WP-PostViews」などのプラグインが必要ですが、『SWELL』の場合はプラグインを必要とせず、テーマを『SWELL』に変更するだけで、自動的に投稿記事一覧の右端にPV数が表示されます。

管理画面でPV確認

テーマを『SWELL』に変更してからのPV数しかカウントしませんが、人気記事を表示させるプラグインの「WordPress Popular Posts」を使用している場合は、簡単にPV数を引き継げます。

「WordPress Popular Posts」からPV数を引き継ぐ方法

高速化に関する設定

『SWELL』にはブログの表示速度を高速化させるための設定がいくつかあり、デフォルト設定のままでもテーマを乗り換えるだけで高速化されページの表示速度が上がります。

私も『SWELL』購入後にいくつかのサイトのテーマを『SWELL』に乗り換えてみましたが、ウェブページの読み込み速度などを分析できる「PageSpeed Insights」で大幅にスコアが改善されました。

とくにモバイルのスコアが20~30ほど改善したので効果は絶大です。

高速化に関する設定
  1. キャッシュ機能(ページをキャッシュする)
  2. 遅延読み込み機能(ページ下部の読み込みを遅らせる)
  3. ページ遷移高速化(ページの切り替わりが速くなる)

※ページ遷移高速化はプラグインへの影響がでる可能性があるので私は使用していません。

乗り換えサポートプラグイン

『SWELL』には他のテーマから乗り換える時に、なるべくデザインの崩れが起きないようにと「乗り換えサポートプラグイン」が用意されています。

プラグインが対応しているテーマ
  1. Cocoon
  2. AFFINGER5
  3. JIN
  4. SANGO
  5. STORK
  6. THE THOR

いずれも利用者の多いテーマですが、該当するテーマを使用しているブログからなら、ブログのデザインを崩さずにスムーズに『SWELL』へ乗り換えられます。

乗り換えサポートプラグインの解説はこちら

ひろもん

『SWELL』の機能はまだまだたくさんありますが、私が個人的に便利でよく使う機能の紹介でした。

サポート面でも充実している

『SWELL』はサポート面でも充実している

『SWELL』にはいくつかのサポートが用意されています。

『SWELL』のサポート体制
  1. サポートフォーラム
  2. Slack
  3. メール

基本的には『SWELL』の機能に関するサポートですが、質問や不具合の報告、さらには今後実装して欲しい機能などを要望として書き込むことができ、製作者の了さんや他のメンバーが回答してくれます。

明らかにサポートの範疇を超えたカスタマイズなどの質問はNGです。

また『SWELL』は今まで使用してきたテーマの中で、おそらくもっともアップデートの頻度が多く、小さな不具合の修正もありますが、基本的には新しい機能の実装や今ある機能の見直しがほとんどです。

製作者の了さんのTwitterを見ると、ほぼ毎日のように開発状況的なものをつぶやいており、利用者がより便利に、より使いやすくなるようにとどんどんブラッシュアップされていくのがわかります。

ひろもん

毎回アップデートでどんな機能が追加されるのか、いつもワクワクして楽しみにしています。

ブロックエディターの使用感

私は『SWELL』を購入してから初めて「ブロックエディター」を使用し、使い方を覚えるために約150ページのリライトをしましたが、とにかく使いやすいというのが率直な感想です。

今まで「クラシックエディター」を使って文字数の多い記事を書く際、色々なタグが大量に増えるので、複雑なタグを使用していると、時々どことどこのタグの間に文章を書けばいいのか見失うことがありました。

それが「ブロックエディター」では、クリックだけで文字装飾などがすべて完結するので、タグを目にすることもなければどこに文章を入力するのか見失うこともなくなり、今まで以上に記事を書くのがめちゃくちゃ楽しくなりました。

「ひろもん」のエディター使用歴
  1. クラシックエディター:約5年
  2. ブロックエディター:約1ヶ月

「クラシックエディター」は5年以上使っていたのでかなり使い慣れていましたが、テーマを『SWELL』に変更してたった1ヶ月「ブロックエディター」を使っただけで、二度と「クラシックエディター」を使いたくないと思えるほど使いやすいと感じました。

おそらく私以外にも、一度『SWELL』で「ブロックエディター」の使いやすさを覚えてしまった方は、もう二度と「クラシックエディター」には戻れないと思います。

ひろもん

実際に「ブロックエディター」を使ってみるとわかりますが、「クラシックエディター」の100倍使いやすいです。

まとめ

『SWELL』のレビューまとめ
  1. ブロックエディターに完全対応している
  2. 毎月のようにブラッシュアップされ日々使いやすくなっている
  3. サポートも充実している
  4. 他のテーマから楽に乗り換えられる
  5. 記事を書くのがめちゃくちゃ楽しくなる

ここまで『SWELL』のレビューをしてきましたが、いかがでしたか?

『SWELL』はただ使いやすいだけでなく、デザインも洗礼されていて美しいですし、ページの表示速度も速くなり利便性が上がるので、私は自分が運営しているほとんどのサイトを『SWELL』に乗り換えました。

注意点としては記事数が多いサイトほど、テーマを乗り換えたときのリライト作業やデザインが崩れた箇所の修正など大変なので、もし「ブロックエディター」が使えるテーマへの乗り換えを検討しているなら、記事数が少ないうちに『SWELL』へ乗り換えることをおすすめします。

\ ひろもんも絶賛愛用中 /

ブログが100倍楽しくなる神テーマ

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント

コメント一覧 (4件)

  • こんにちは。私はこれからブロックエディタに変えていこうと思っています。「SWELL」はブロックエディタに完全対応とのことですが、テーマの変更って簡単にできるのでしょうか。やってみたことがなくて踏ん切りつかなくて…注意点などありますか?

    • tackmemoさん、こんにちは。

      どのテーマからどのテーマに乗り換える場合でも、少なからずリライトなどの作業が必要ですが、「SWELL」の場合は乗り換えサポートプラグインが用意されているので、他のテーマよりは乗り換えやすいかと思います。

      乗り換えサポートプラグインについては以下を参照してください。
      https://swell-theme.com/switch-to-swell/

      注意点は記事数が多いほどリライト作業が増えることくらいですが、それを差し引いても「SWELL」はオススメです。

      • ひろもんさん、ご返信ありがとうございます。
        乗り換えのプラグインもいろいろあるんですね。参考になりました。
        いくつか比較しながら検討したいと思います。

        • いろいろ検討してご自身の納得するテーマに乗り換えるのがいいかと思います。

          ちなみに一度ブロックエディタの使い方を覚えてしまうと、二度とクラシックエディタを使おうとは思わないくらい便利ですよ。

コメントする

もくじ
閉じる