18周年記念キャンペーン中
チャンス&お得がいろいろ(9/30迄)エックスサーバー

WordPressテーマSWELLの圧倒的な使いやすさを直球レビュー

WordPressテーマ「SWELL」

私は、WordPressテーマ「SWELL」を知ってから、数ヵ月ウォッチしていました。

多くの方同様、無駄な買い物はしたくないと思いましたし、テーマの変更作業を進めてから「ダメだわッ」となった時のリスクを思うとなかなか手が出なかったです。

でも、とにかく気になる!

結局使ってみないとわからないと覚悟を決めてSWELLを購入したのが2020年4月です。

覚悟なんて大袈裟な言葉ですが、1人で運営しているサイトのテーマを替えるのは想像以上に大変です。

前のテーマがCocoon、AFFINGER5、JIN、SANGO、STORK、THE THORなら、乗り換えサポートプラグインがあるのでスムーズかもしれませんが、私はDiverだったのでその恩恵にもあずかれず…

テーマ独自の装飾などを変更する時、データベースの置換ができる部分はまだしも、手作業でしか替えられないところは本当に泣きそう(泣く!)。

でも、案外この作業が新しいテーマを深くしる絶好の機会だったりします。細部を調整し終わる頃には、テーマとブログ、私の相性がはっきりわかります。

気が合わなくて「こんなハズじゃなかった~」となったら相当ツライですが、SWELLと私はベストマッチでした。

「初心者だから無料テーマ」という発想は捨てて(有料・無料にかかわらず)本当で気に入ったテーマでスタートしましょう。

と言っても、使ってみないとわからないけどね~。SWELLには無料のお試し版があったのだけど、今は「一時的に停止」だそうです。本当に残念!

SWELLを使わなかったら、ずっとSWELLのことを考えてしまいそうな感じになっちゃってましたし…。

もちろん私もSWELLに1票

恋ですねぇ~。

だから告白! チャリ~ン、17,600円。

SWELLを購入して1年数ヵ月。

SWELLは想像以上のテーマでした。というか、今は購入時とは別ものに成長していて、更に成長中です。

購入時でも充分高機能だったけれど、頻繁なアップデートで更に更に高機能&使いやすくなって、これで買い切りで良いのかしら?と開発者の太っ腹に感心しきりです。

記事の内容(もくじ)

テーマの変更には勇気がいる

SWELL購入まですごく長い時間迷いましたけど、今は心底良かった~と思っています。

迷い
気に入っていないテーマをこれからも使うのか

CSS書いたり、高速化を試みたり…疲れた

迷い
ブログはデザインじゃない!記事の内容だよ、でも…

気に入ったデザインなら倍速で書ける(と思う)

迷い
記事を書きたいけど気分が乗らない

他テーマの口コミばかり検索して…

迷い
SWELLを見つけたけど、テーマ変更は超面倒くさい

旧テーマの残骸処理は大変、でも…
キレイなサイトになっていくのが楽しかった

迷い
悶々としていると先に進まない

記事を書かない事をテーマのせいにしちゃって…

ついにSWELL購入!

でも購入後すぐ、SWELLならテーマ変更後の作業時間も無駄じゃない、というか作業時間をかけてもそれを上回るリターンがある!と心底思いました。

高速表示だし、使い勝手の良い機能満載だし、ブロックエディター完全対応だし、文句なしのデザイン(というか、自由自在にデザインできる)! 何度も書いてしまうけど、アップデートの頻度がすごい!

【少々余談】

1日でブロックエディターが使えるようになったのには、自分で驚いてしまった。もっと早くトライすべきだったわ。

クラシックエディター派はブロックエディターの事を誤解しているんじゃないかなぁ? 難しくないし、柔軟だし、ブロック単位の作業だからミスも少ないと思うんだけど…。

SWELLの概要と印象

SWELLの概要
SWELLの印象
  • ブロックエディター完全対応
  • 17,600円(税込)買い切り
    頻繁なバージョンアップ込み
  • 100%GPL
    購入者なら何サイトでも使える
  • 無料お試し版あり
    現在一時的に停止(再開して~)
  • 有名テーマからの引っ越しツールあり
  • フォーラム(質問・要望)あり
  • 都会的でおしゃれなデザイン
  • HTML/CSS不要でカスタマイズが柔軟にできる
  • 表示表示が速い
  • マニュアルが丁寧でわかりやすい
  • 初心者・上級者それぞれが満足する仕様
  • 開発者さんの熱い情熱を感じる
  • SWELLファン、メッチャ多し!

テーマデザインにもバージョンアップにも使用感にもサポートにも満足度が高いです。

少し高めの価格ですが、使いだせば「安い!」と思える(機能追加のアップデートというオマケ付き)はず。

  • 凄まじいバージョンアップ頻度
  • 予想もしない機能の追加(無料でいいの?って思っちゃう)
  • 盛況なフォーラム(開発者以外の方も一生懸命考えてくれてる)

SWELLのお蔭でテーマ難民(いつもテーマを探していた)から完全に開放されたので、記事に集中できています(笑)。

SWELLの頻繁なアップデートがすごい!

使えば使うほどSWELLにハマっていく~! お気に入りの機能をちょこっと記事にしました。

何につけてオマケは嬉しいものですが、SWELLのアップデート(オマケ)には驚きっぱなしです。

例えば…

  • SWELLボタンは計測機能付き
  • 再利用ブロックに似たブログパーツの使い勝手の良さ
  • 広告管理の広告タグも計測機能付き
  • 投稿リストは記事読み出しの万能選手

WordPress本体のアップデートに沿うとか、装飾を増やすとか…そんなアップデートはどのテーマでもあると思います。

が、SWELLの場合はブロックエディター機能の先端を走るようにどんどん機能の追加や使いやすい設定にアップデート(それも頻繁に)されます。

(開発者さんは寝てないと思います)

SWELLのブロックエディターはすごく使いやすく、というか完全クラシックエディター派だった私がSWELLで即ブロックエディター派に変身してしまったくらいです。

クラシックエディターのサポートがなくなる2021年末までにブロックエディターを攻略しなくちゃいけないと結構重く考えていたんですが、何のことはないSWELLであっという間に!

「ブロックエディターは全然難しくないよ~」と軽く言ったりできるのは、開発者さんの情熱で進化し続けるSWELLのお蔭とメッチャ感謝しています。

SWELLの買い切り購入(17,600円)で、こんなにオマケをもらっていいのかしら?と昭和の老婆は思うのでした。

\ 予想外の頻繁アップデート /

テーマ変更した3サイト SWELLをカスタマイズしたトップページ

トップページのカスタマイズ例 その1

https://birthday-clip.com/(バースデークリップ)

1サイトだけ変更する予定だったのに、あまりの使い心地の良さに下記3サイトをSWELLにしました。
※この後手持ちサイト全部をSWELLに変更。

SWELLカスタマイズ
バースデークリップ

SWELL購入の目的は、上記サイトをDiverから解放することでした。

トップページはSWELLブロックの下記を組み合わせて作りました。

現在はタブの上にピックアップバナーを配置しています。

  • タブ
  • 投稿リスト
  • ブログパーツ
  • ピックアップバナー

このトップページの作り方は、別の記事で紹介します。

あまりの使い勝手の良さに、予定外の2ブログもSWELLに変更してしまいました。

トップページのカスタマイズ例 その2

https://cook-le.com/(クックる)

クックる

使っている機能は「その1」同じですが、ボタンに計測機能が追加されたり、ツールバーに独自の書式を追加できるようになったり…と運営側の作業はどんどんラクに&楽しくなりました。

SWELL購入のもう1つの目的は、コードをいじらずテーマの機能だけでカスタマイズする!でした。

コードを触ると確実に記事が書けなくなりますからwww

上記サイトはほぼSWELLのままです。でも記事が増えない(あれッ?)

トップページのカスタマイズ例 その3

https://oinavi.net/(当サイト)

おいナビ

この記事のサイトです。

記事数が増えたので固定ページでオリジナルのトップページを作りました。

下記のワザも仕込んでいます

トップページをデザインしながら、やっぱりSWELLは使える!と再確認。

守備範囲が広くて柔軟なSWELL、遊びが止まらないです。

今まで使ってきたテーマだと結局気に入らないところが多々あって、固定ページにHTMLとCSSを書きまくって解決してきましたが、今回はSWELLの基本機能のみ。

短時間で作れましたし、気が変わったらまた別のデザインにします。

ちなみに、この「おいナビ」は「老いナビゲーション」ブログです。1952年生まれの化石のような私が冥途の土産に書いています(爆)。

\Twitterでメチャクチャ人気/

使い心地の良さに驚いた

手が動く~。

フロントだけでなく、管理画面も軽くてタイピングも装飾もストレスなしです。

カスタマイザーの構造も含めとてもわかりやすかったので、テーマ変更がとてもスムーズに進みました。

テーマの変更後はいつも、テーマ固有の設定画面やカスタマイザーの項目を把握するのに時間を要します。

設定項目を行ったり来たり、なかなか全体像をつかめなくて…。

ですが、SWELLはすぐに項目の構成が理解でき、立ち上がりが早かったです。

言葉では何も伝わらないので、SWELL良いかも?と思ったら試すに限ります。

  • 製品版 ver. 2.1.0までの機能で制限ナシ
    【無料お試し版】お申し込みページの申請フォームにメールアドレスを入力するだけです。
    自動返信メールで無料お試し版のダウンロードリンクが送られてきます。
    ※現在お試し版の配布は一時的に停止中です。残念ですねぇ~。
  • 予習ができる。管理画面を見ながら、マニュアルで確認。
  • 製品版の購入前にSWELLの概要が頭に入っているので立ち上がりが早い。

あくまでもお試し版なので製品版とはだいぶ違います。

  • 最新バージョンへのアップデート不可
  • 自動でSWELLの広告が表示される
  • フォーラムやコミュニティへの参加不可

でも、お試し版で見たいのはそこじゃない!

チェックするのは管理画面内の例えば…

  • カスタマイズ(管理メニューの外観内)
  • SWELL設定の項目
  • ブロックエディターの使用感
  • 表示速度

有料テーマのほとんどはお試し版がないので、買って初めて全貌がわかるというもどかしさ(時にメチャ後悔)。

SWELLはお試し版があるので、ネットで評判を読み漁るより実際に使って自分(自分の運営サイト)に合うかどうか見極めるのが早いと思います。

\超おすすめテーマ/

表示速度が圧倒的

SWELLにしてからサイトの表示速度が圧倒的に改善しました。

PageSpeed Insightsで計測し、Diverの時はどう頑張ってもmobile 25、PC 70~80(ともに平均値)といった感じでした。

PageSpeed Insights

画像はOptimizillaで容量をおさえたり、キャッシュ系のプラグインを入れたり結構努力はしていたのですが…。

Optimizilla

SWELLテーマに変更後

mobile 55
PC 94

mobile表示速度
PC表示速度

計測したサイトには、Googleアドセンスやアフィリエイトのリンクを入れているのでこれ以上は望めないと思っています。

これらのリンクを入れる前は、モバイル80台、パソコン97、98くらいでした。

数値上だけでなく、体感的にはもっと早く感じます(私のひいき目かもしれませんが…)

ブロックエディター初心者だけどすぐ使えた

ブロックエディターがアッという間に使えるようになるSWELL。

クラッシックエディターの時はテキスト編集画面派だったので、ブロックエディターが何となくイヤでした(ビジュアルエディターだと余計なコードが入ったりするから)。

でもクラッシックエディターのサポートは2021年末で終了らしいし、その時も私はまだ生きていそうだし…やっぱりブロックエディターを攻略しなくちゃ!と思っている時のSWELLです。

実際、SWELLのブロックエディターはメチャクチャ使いやすく、Twitterの口コミ通りでした。

また、SWELLオリジナルのブロックは記事を書くのが楽しくなる要素満点。

「関連記事」「投稿リスト」「キャプション付きブロック」「リスト」は使い倒しています。

SWELLオリジナルブロック
SWELLブロック

とは言っても、そこはブロックエディター初心者。

「関連記事」でブログカードを一発作成

内部リンクと外部リンクを一瞬でブログカードにしてくれる機能です。

内部リンク

記事に関連記事ブロックを挿入して「内部リンク」を選び、記事IDを入れるだけ。

記事IDをわざわざ調べなくても、「タイトルを入力して記事を検索」欄にタイトルの識別しやすい文言を少し入力すると、候補の記事をリストアップしてくれます。

目的の記事をダブルクリックすればサイト内の他記事のブログカードが完成です。

外部リンク

記事に関連記事ブロックを挿入して「外部リンク」を選び、目的のページのURLを入力。

最近のアップデートでこの機能が更に使い良くなりました。

  • テキストリンクで表示する
  • 画像を非表示にする
  • 抜粋文を非表示にするキャプション

テキスト(記事タイトル)だけのリンクが作れるのがすごく便利。ブログカードが何個も続いているのって、うんざりしませんか?

テキストだけで、そっとリンク先を案内したい…そんな時に使います。

「投稿リスト」は出番が多し

設定次第で使い方無限の感あり。

カード型、全2記事、PC・SP共2列表示、人気順、SWELLカテゴリー、公開日表示…

テキスト型、全3記事、新着順、プラグインカテゴリー、公開日表示…

記事が見つかりませんでした。

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

タイトルを付けて、説明を箇条書きにすれば、だらだら書くより内容が伝わりやすい。

サンプルタイトル
  1. リストアップに最適
  2. リストアップに最適
  3. リストアップに最適
サンプルタイトル

タイトルを付けて、説明を箇条書きにすれば、だらだら書くより内容が伝わりやすい。タイトルを付けて、説明を箇条書きにすれば、だらだら書くより内容が伝わりやすい。

「リスト」で多様な表現

読みやすい画面作りに欠かせない「リスト」。

以前のリストはグループ化しないと背景色の設定が出来ませんでしたが、今は「色指定」という項目が追加され、とても便利になりました。

リストの装飾にボーダーやスタイルを反映させるには、はやりグループ化が必要です。

元々読者の目に入りやすいリストに多様な表現を加えると、読みやすくかつ変化に富んだページを作ることができます。

いくつかの説明を列挙するときは、リストは最強!

SWELLには追加できるスタイルがたくさんあります。

スタイル追加

リストいろいろ

  • リストデザイン1
  • リストデザイン1
  • リストデザイン1

リストいろいろ

  1. リストデザイン2
  2. リストデザイン2
  3. リストデザイン2

どの機能も1または2クリックくらいで完成。クラシックエディターだと気が遠くならないですか? 

用意されている機能を取り出して思うようにページのデザインをする、それがブロックエディターです。

お気に入りの機能

記事を書くのを助けてくれる機能がたくさん

使用頻度の高い機能がとてもよく考えられていると思います。テーマ開発者さんのセンスが好き!

  • 目次デザイン
    SWELLには上品な目次のデザインが3種類
  • 関連記事
    外部リンク・内部リンクどちらにも使える優れもの
  • 投稿リスト
    カテゴリー・タグ・IDあらゆるくくりで記事をまとめて見せられる
    表示は画像でもテキストでも、数や表示スタイルもほぼ自由自在
  • キャプション付きブロック
    キャプション部分のデザインも多数あり
  • タブ
    タブ切り替えはユーザーに親切なのでトップページに利用
  • ブログパーツ
    ブログパーツを使いまわせば、超省エネ
  • ふきだし
    事前に作っておけば、1クリックで完了
  • RSSブロック
  • グループ/画像・動画ブロックにスタイル2種類
    ブラウザ風デスクトップ風
    これがすごくいい感じ!
  • ブロックパターン
    独自のパターンを作って登録&読み出し
    記事執筆が加速します
  • カスタム書式
    独自の書式を作って(2つ)ツールバーに登録

もっと詳しい記事

プラグインが無くても高速!

上にも書きましたが、高速化は何より嬉しい!

今まで入れていたキャッシュ系のプラグインを削除してホッとしています。

キャッシュ系のプラグインは設定が難しい割には効果は微々たるものでした。

SWELLに最適に組み込まれている高速化のあれこれ(何か知らんけど)で満足のいく速さです。

同時期に買った、超高速と評判のTHE SONICより速かった~。

エディター設定で好みのカラーを設定

エディター設定画面で、事前にサイトにあるカラーや枠線を設定できます。

今まで子テーマのスタイルシートで制御していた部分を管理画面で簡単にできるのが嬉しいです。

微妙に色を変えたい時ってありますよね。やっぱり簡単にできるって素晴らしい

紹介しきれないくらい魅力的な機能が満載されている(それなのに使いやすい・わかりやすい)SWELLですが、頻繁なアップデートでますます進化し続けています。

SWELLを買った時は無料でこんな恩恵にあずかれるとは思ってもいませんでした。メッチャお得!

SWELLのおしゃれなデザイン

1ピクセルもおろそかにしていない感のあるSWELLテーマ。

SWELLテーマのトップページにあるような大きな動画に興味はないけれど、センスがいいなぁ~と感心します。

そのセンスの良さで作られた部品(SWELLブロック)を使えば、きれいなサイトが自由自在に作れます。

カッコいいサイトを作りたい!

記事ページはスマホユーザーが読みやすいようなレイアウトにし、ゴテゴテと手を加え過ぎず、かつ、文字の読み疲れにならないように適度な装飾と画像配置を心がけるつもりです。

けれど、トップページはサイトの顔なので、それなりに工夫し他のサイトと差別化したい!

紹介した3サイトともまだ全然落ち着きませんから、しばしばデザイン変更ありと思います。

楽しみだなぁ~!

SWELLには初心者にやさしい仕組みがある

私はWordPressを使い始めて15、6年以上。

WordPressや有料テーマを使いこなすのはそんなに簡単ではありません。少し勉強が必要です。が、なるべくわかりやすいテーマ、使いやすいテーマでスタートすれば、少し差がでるのは確かです。

テーマ変更は面倒なだけで特に問題はないですが、WordPress初心者だった時にSWELLの「着せ替えファイル」という発想があったら、どんなにラクだったかと思います。

SWELLが自由自在にデザインできると言っても初心者には難しいですよね、WordPressの仕組みとテーマの機能を同時に覚えていくのは…。

そんな時のためなのか?SWELLテーマにはデモサイトと同じデザインにできる着せ替え用のファイルが提供されています。

まだWordPressをよく知らないという初心者はとりあえず、

  1. 着せ替えファイルを利用しサイトの体裁を整え
  2. 理解を深め
  3. 独自のデザインに

すればいいんじゃないかと思います。

WordPressを使い込んでからテーマ変更するのではなく、お気に入りのテーマを使いこんで進化させた方がずっと合理的です。

着せ替えファイルの使い方

STEP
着せ替えファイルをダウンロード

SWELLデモサイトのデザイン着せ替えファイル

好きなデモサイトのファイルをダウンロードし、ファイルを解凍しておく

STEP
WordPressにプラグイン「Customizer Export/Import」をインストール

プラグイン → 新規追加 → 右上「プラグインの検索」窓に
Customizer Export/Import」をコピペ

Customizer Export/Importが表示されたらインストール → 有効化

有効化するとWordPress管理画面の左メニュー「テーマ」 → 「カスタマイズ」の最下段に「エクスポート / インポート」メニューが追加される

STEP
ダウンロードした着せ替え用ファイルをインポート

「エクスポート / インポート」をクリックし、「インポート」の「ファイルを選択」(1で解凍した.datファイルを選び) → 「インポート」

着せ替えファイルのインポート
着せ替えファイル インポートの手順

行き届いた制作者の姿勢

SWELLブロックエディターの使い方【動画】

SWELLの公式サイトで提供されているブロックエディターの使い方です。

主だった機能を視覚的に理解できます。

ブロックエディター初心者にはすごく有益な5分半の動画です。

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

他のテーマから乗り換える時には、前テーマ固有のクラス設定などの編集に多くの時間が要することがあります。

SWELLにはそんなときのために、JIN用、SANGO用、STORK用、Cocoon用、THE THOR用、AFFINGER5用のプラグインが用意されています。超親切~!

私はDiverからの変更なので、実際にどんな使用感かはわかりませんが、記事毎のチェックに比べたら相当便利なはずです。

ディスクリプションの引っ越しもこれからは安心!

SWELLにはテーマにSEO対策用のタイトルやディスクリプションの設定機能はありません。

あえて組み込まれていないのだと思います。

今回のテーマ変更で1番時間がかかったのは、記事のディスクリプションの引っ越しでした。

WP CSV Exporterプラグインで書き出したディスクリプションを1記事ずつ書き加えました。

ついでながら、WP CSV Exporterで書きだす時の文字コードは「Shift_JIS」にしないと、エクセルで開いたときに文字化けしますよ。

そこそこ獲得している検索順位から転落しないよう、大急ぎの作業。もう2度とやりたくないです。

その代わり「SEO SIMPLE PACK」というプラグインが案内されています。

テーマ変更の時に大変な思いをしないためにはテーマとSEO対策部分が別の方がいいです。

とても現実的で行き届いた発想に感心しました。

この「SEO SIMPLE PACK」プラグインはSWELL開発者・了さんの制作で、WordPressの公式プラグインでもあります。

SWELLテーマSEO SIMPLE PACKプラグインをセットで使うという事です。

購入後のサポート

  • マニュアル
    丁寧でわかりやすいマニュアルあり
  • フォーラム
    開発者さんもSWELLファン有志の方も本当に親切。熱心に質問に答える姿勢にウルウル…。
  • オンラインコミュニティ

(正に)老婆心ならが、気の毒になるくらい親切な対応をされています。

SWELL開発の情熱と購入者にも親切な対応、頻繁なアップデートなどお一人で頑張っていらっしゃるようです。

追加・削除したプラグイン

追加したプラグイン

SWELLサイトで紹介されているプラグインを3つ追加しました。

SEO SIMPLE PACK

SEO対策としてタイトルやディスクリプションの設定するプラグインです。

今まで使っていたテーマDiverはテーマにこの機能が付随していました。

プラグインが不要というのは有難いですが、引っ越しの時は大変。テーマから抜き出した設定済みのタイトルとディスクリプションを全ページに張り替えるむなしい作業が延々と…。

SEO対策部分テーマから独立していた方が断然いいです。

Highlighting Code Block

この種のプラグインの中でもっともシャレたデザインと思います。

すごく我慢していろいろ使ってきましたが、Highlighting Code Blockはもう満点(笑)。開発者了さんが自画自賛される気持ちがわかります。

▼ こちらのページでちょっぴり使っています。

「SEO SIMPLE PACK」と「Highlighting Code Block」はSWELL開発者の了さん作です。

とても軽くて使いやすいプラグインたち。SWELLのセンスと繋がっているわ。

Contact Form by WPForms

長い間「Contact Form 7」を使ってきましたが、SWELLサイトで紹介されているので「Contact Form by WPForms」を試しに使ったらビックリするくらい簡単。そして何より編集画面も表示画面もキレイ!

自前の運営サイトを全部こちらに変更しました。

Contact Form 7からのインポート機能もあるという行き届いたプラグインです。2クリックでWPFormsに取り込めます。

▼ すごく気に入ったので使い方を書いてみました。

Wordfence Security

WordPressはかなり狙われているそうなので、Wordfence Securityを入れました。

頑丈そうなプラグインなので私のWordPressをしっかり守ってくれるはず。

ただ、セキュリティのこと(+英語)がよくわからないので設定には苦労しました。

特に2段階認証の設定ではマゴマゴして…。なので近くこの記事も書きたいと思います。

削除したプラグイン

SWELLテーマにして、下記のプラグインが不要になりました。

  • AddQuicktag
  • Table of Contents Plus
  • WP Fastest Cache
  • Autoptimize

SWELLの小さなカスタマイズのヒント

トップページのカスタマイズ例

手持ちのサイトをDiverからSWELLに変更。

トップページをSWELLの基本機能だけでオリジナル感のある印象にしました。

最新1記事をスキップさせる方法

トップページなどで最新記事を大きく差別化し、2記事以降を地味に配置する時などに使えるTipsです。

グローバルナビ右端にボタン

SWELL公式サイトの「購入する」ボタン部分の設置の仕方です。

記事一覧ページの作り方

記事一覧ページのショートコードなどが用意されているテーマもありますが、SWELLはこのやり方です。

SWELL人気を考えた

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
記事の内容(もくじ)
閉じる