メニュー
しもべ1号
Dorabloの下僕
猫と犬に見守られながら、WordPressやレンタルサーバー、Web制作・SEOについて調べているWeb制作者です。

SWELLはおすすめ?実際に使って感じたメリット・デメリットを解説

この記事にはアフィリエイト広告を含みます。
SWELLはおすすめ?実際に使って感じたメリット・デメリットを解説
目次

SWELLはブログだけでなくホームページ制作にも使いやすいWordPressテーマ

WordPressの有料テーマを探していると、候補のひとつとしてよく見かけるのがSWELLです。

SWELLはブロックエディターに対応したWordPressテーマで、記事を書くだけでなく、トップページや固定ページのデザインもWordPressの編集画面から作りやすくなっています。

DorabloでもSWELLを使用しています。

実際に使っていて便利だと感じるのは、

  • ブロックエディターで記事を作りやすい
  • フルワイドブロックでページを構成しやすい
  • リッチカラムで細かなレイアウトを作れる
  • 記事装飾に使える専用ブロックが多い
  • 広告を管理しやすい
  • ページごとにCSSを追加できる
  • 高速化に関する機能も用意されている

といったところです。

一方で、有料テーマなので購入費用がかかり、設定できる項目が多いため、初めて使うときは少し迷うこともあります。

この記事では、実際にSWELLを使って感じたメリット・デメリットを、ブログ制作とホームページ制作の両方の視点から紹介します。


SWELLとは?

SWELLはWordPress向けの有料テーマです。

公式サイトでは、ブロックエディターを中心とした操作性を特徴としており、HTMLやCSSを書かなくてもマウス操作を中心にコンテンツを作れるよう設計されています。

また、SWELL独自のブロックとして、

  • アコーディオン
  • 広告タグ
  • ふきだし
  • 関連記事
  • ボタン
  • Q&A
  • フルワイド
  • 投稿リスト
  • リッチカラム
  • タブ
  • ステップ

など、さまざまなブロックが用意されています。

そのため、ブログの記事制作だけでなく、固定ページやトップページの制作にも利用できます。


SWELLを実際に使って感じるメリット

ここからは、実際にSWELLを使っていて便利だと感じるポイントを紹介します。

ブロックエディターで記事を作りやすい

SWELLの大きなメリットのひとつが、ブロックエディターを使いやすいことです。

ブログ記事では、

  • 見出し
  • ボックス
  • ボタン
  • 吹き出し
  • FAQ
  • ステップ
  • 関連記事
  • ブログカード

などを使うことがあります。

SWELLではこうした要素をブロックとして配置できるため、HTMLを直接入力しなくても記事を整えやすくなっています。

記事数が増えてくると、毎回同じデザインを簡単に再現できることも便利です。

フルワイドブロックでページを作りやすい

個人的に便利だと感じているのが、フルワイドブロックです。

フルワイドブロックを使うと、画面幅いっぱいに背景色や背景画像を広げたセクションを作れます。

たとえば、

  • セクションごとに背景色を変更する
  • 背景画像を配置する
  • ファーストビューの下に大きなエリアを作る
  • サービス紹介を区切って表示する

といったページを作るときに便利です。

今日もDorabloのふたりと、のぼっていく

キャットタワーに登ろうとしている猫と犬のキャラクター

猫と犬がキャットタワーを登ろうとしているように、Dorabloも一歩ずつ積み上げながら進んでいます。

WordPress、レンタルサーバー、Web制作・SEO、PC・Webツールなど、実際に使って気づいたことを中心に、やさしく紹介しているブログです。

「ちょっと気になる」「困ったときに調べたい」と思ったときに、気軽に読める場所を目指しています。

※PCではサイドバーがあるためフルワイド感が少し分かりにくいですが、タブレットやスマートフォンでは、背景色のある部分が画面の両端まで広がって表示されます。

フルワイド表示自体は、ほかのWordPressテーマでも利用できる場合があります。SWELLでは専用のフルワイドブロックが用意されているため、ブロックエディター上から背景色や背景画像を使ったセクションを作りやすいのが特徴です。

ブログだけでなく、企業サイトや店舗サイトなどの固定ページを作る場合にも使いやすい機能です。

リッチカラムでレイアウトを細かく作れる

もうひとつ便利なのが、リッチカラムです。

WordPress標準にもカラムブロックはありますが、SWELLには独自のリッチカラムブロックが用意されています。

たとえば、

  • 画像と文章を横並びにする
  • 複数のカードを並べる
  • サービスを3列で紹介する
  • PCとスマートフォンで見せ方を調整する

といったページを作るときに利用できます。

キャットタワーに登ろうとしている猫と犬のキャラクター

画像と文章を並べて見やすく

リッチカラムを使うと、画像と文章を横並びにして、内容を見やすく整理できます。

サービス紹介やプロフィール、商品の特徴など、写真と説明をセットで見せたいときに便利です。

PCでは横並び、スマートフォンでは縦並びにするなど、画面幅に合わせてレイアウトを調整できます。

今回のような「左に画像、右に説明文」という見せ方も、ブロックエディター上から作りやすくなっています。

リッチカラムは、プロフィールやサービス紹介、商品の特徴など、複数の情報を整理して見せたい場面でも使いやすいブロックです。

このように、リッチカラムを使えば画像と文章を横並びに配置できます。PC・タブレット・スマートフォンなど、画面サイズに合わせてレイアウトを調整できるため、ブログだけでなく固定ページのデザインにも使いやすい機能です。

記事制作に便利な専用ブロックが多い

SWELLには記事制作向けの専用ブロックも多く用意されています。

公式サイトでは、広告タグ、ふきだし、関連記事、ボタン、Q&A、タブ、ステップなど多数のSWELL専用ブロックが案内されています。

ブログを書いていると、

「ここだけ少し目立たせたい」

「関連記事へ誘導したい」

「手順を順番に見せたい」

といった場面があります。

ページごとにCSSを追加できる

SWELLでは、投稿や固定ページごとにカスタムCSS & JSを追加できます。

サイト全体のデザインを変更するほどではないものの、

  • このページだけ余白を調整したい
  • この部分だけ見た目を整えたい
  • スマートフォン表示だけ少し変えたい

といった場合に便利です。

たとえば、リッチカラム内の文章に余白が入りすぎる場合は、ページごとのCSSでパディングを調整できます。

今回の例では、リッチカラムにcustom-columnという追加CSSクラスを設定し、そのクラスに対してスマートフォン表示時の文章の余白部分を調整するCSSを追加しています。

キャットタワーに登ろうとしている猫と犬のキャラクター

画像と文章を並べて見やすく

リッチカラムを使うと、画像と文章を横並びにして、内容を見やすく整理できます。

サービス紹介やプロフィール、商品の特徴など、写真と説明をセットで見せたいときに便利です。

PCでは横並び、スマートフォンでは縦並びにするなど、画面幅に合わせてレイアウトを調整できます。

今回のような「左に画像、右に説明文」という見せ方も、ブロックエディター上から作りやすくなっています。

リッチカラムは、プロフィールやサービス紹介、商品の特徴など、複数の情報を整理して見せたい場面でも使いやすいブロックです。

このように、SWELLではブロック側に追加CSSクラスを設定し、ページごとのカスタムCSSから必要な部分だけ調整できます。

Dorabloでも、ページごとのカスタムCSSを使って、必要な部分だけデザインを調整しています。

ただし、実際にはレンタルサーバー側のWAFが影響し、追加したCSSが保存されないこともありました。

実際に遭遇したケースはこちらの記事で紹介しています。

こうしたときに、追加のプラグインやHTMLを使わずにブロックから選べるのは便利です。

広告管理機能がブログ運営で便利

SWELLには広告関連の機能も用意されています。

公式サイトでも、Google AdSenseの挿入や広告タグのCTR計測、ABテストなどに対応していることが案内されています。

ブログを収益化する場合は、

  • アフィリエイト広告
  • Google AdSense
  • 記事内広告

などを利用することがあります。

こうした広告をテーマ側で管理しやすいのは、ブログを長く運営するときに便利です。

目次を自動生成できる

ブログ記事では目次があると、読者が読みたい場所へ移動しやすくなります。

SWELLには、記事内の見出しを自動検出して目次を生成する機能があります。

そのため、目次専用のプラグインを追加しなくても利用できます。

プラグインを必要以上に増やしたくない場合にも便利です。

高速化に関する機能が用意されている

SWELLには、

  • コンテンツのキャッシュ
  • 遅延読み込み

など、複数の高速化機能が標準で用意されています。

ただし、SWELLを使っただけで必ずサイトが高速になるわけではありません。

表示速度には、

  • 画像サイズ
  • プラグイン
  • レンタルサーバー
  • 外部スクリプト
  • 広告

なども関係します。

そのため、SWELLの高速化設定だけに頼らず、サイト全体で確認することが大切です。

プラグインを減らせる場合がある

SWELLには、

  • 目次
  • 吹き出し
  • FAQ
  • 広告管理
  • ブログカード
  • 記事装飾
  • 高速化

などの機能が用意されています。

そのため、テーマ側ですでに対応している機能については、別のプラグインを追加しなくても済む場合があります。

WordPressのプラグインについてはこちらの記事でも紹介しています。


固定ページやトップページも作りやすい

SWELLというとブログ用テーマのイメージが強いかもしれません。

しかし実際には、

  • フルワイド
  • リッチカラム
  • 投稿リスト
  • ボタン
  • FAQ
  • ステップ
  • ブログパーツ

などを組み合わせることで、固定ページ主体のサイトも制作できます。

公式サイトでも、SWELLで作れるサイトを確認できる複数のデモサイトが用意されています。

実際にホームページを制作するときには、ブログ記事とは違い、

「ページ全体をどう区切るか」

「画像と文章をどう並べるか」

といったレイアウト調整が多くなります。

その点で、フルワイドやリッチカラムをブロックエディターから使えるのは便利です。


SWELLにもデメリットはある

便利なテーマですが、もちろん良いところだけではありません。

有料なので初期費用がかかる

SWELLは有料テーマです。

WordPressを始めるには、レンタルサーバーなどにも費用がかかるため、

「まずは費用をかけずにブログを試したい」

という人には無料テーマの方が合う場合があります。

無料テーマと有料テーマの違いについてはこちらの記事で詳しく紹介しています。

設定項目が多く最初は迷うこともある

SWELLは機能が多いため、初めて利用すると、

  • ヘッダーはどこで変える?
  • 記事一覧はどこで設定する?
  • 広告はどこへ入れる?
  • 高速化は何をONにする?

など、設定場所を探すことがあります。

ただ、公式マニュアルやユーザー専用フォーラムが用意されています。公式サイトでもユーザー専用フォーラムで質問を受け付けていることが案内されています。

最初から全部の設定を触らず、必要なところから覚えていく方が使いやすいと思います。

SWELLだけですべてできるわけではない

SWELLには多くの機能がありますが、WordPress運営に必要な機能のすべてをテーマだけでまかなえるわけではありません。

たとえば、

  • SEOタイトル・メタディスクリプション
  • お問い合わせフォーム
  • バックアップ
  • SMTP
  • スパム対策

などは、必要に応じてプラグインや外部サービスを利用します。

重要なのは、

テーマでできることと、プラグインで追加することを分けること

です。


SWELLはどんな人に向いている?

実際に使っていて、SWELLは次のような人に向いていると感じます。

  • WordPressでブログを長く運営したい
  • ブロックエディターを使って記事を書きたい
  • CSSをあまり書かずにデザインを整えたい
  • ブログだけでなく固定ページも作りたい
  • アフィリエイトやAdSenseを利用したい
  • プラグインを必要以上に増やしたくない
  • 将来的にサイトのデザインも作り込みたい

特に、

「ブログ記事も書きたいけれど、トップページや固定ページもしっかり作りたい」

という場合に使いやすいテーマです。


逆に無料テーマでも十分な人

すべての人にSWELLが必要というわけではありません。

たとえば、

  • WordPressをまず試してみたい
  • ブログを続けるかまだ分からない
  • 最初の費用をできるだけ抑えたい
  • シンプルな記事中心のブログを作りたい

という場合は、無料テーマから始めても問題ありません。

WordPressではあとからテーマを変更することもできます。

ただし、記事数が増えてからテーマを変更すると、テーマ独自ブロックやデザインの修正が必要になる場合があります。

長く使うテーマが決まっているのであれば、早い段階で導入する方法もあります。


SWELLを使うとSEOで上位表示できる?

SWELLを使っただけで、検索順位が上がるわけではありません。

SEOでは、

  • 記事の内容
  • 検索意図
  • 内部リンク
  • サイト構成
  • 表示速度
  • モバイル対応

など、さまざまな要素が関係します。

SWELL公式ではJSON-LD形式の構造化データ生成や高速化関連機能なども案内されていますが、テーマを導入しただけでSEOが完了するというものではありません。

テーマは、記事制作やサイト構築をしやすくするための土台として考えるのが分かりやすいでしょう。


SWELLとSEO SIMPLE PACKを組み合わせて使っている

DorabloではSWELLとあわせて、SEO関連の設定にSEO SIMPLE PACKを利用しています。

SEO SIMPLE PACKを使うと、投稿記事や固定ページごとに、

  • SEOタイトル
  • メタディスクリプション
  • robots設定

などを設定できます。

テーマですべてのSEO設定を行うのではなく、

SWELL → サイト・記事のデザインや機能

SEO SIMPLE PACK → SEOタイトルなどの設定

というように役割を分けています。

詳しくはこちらの記事でも紹介しています。


SWELLの購入前に確認しておきたいこと

SWELLを検討している場合は、購入前に、

  • 自分が作りたいサイトに合っているか
  • 必要な機能が用意されているか
  • ブロックエディターを使いたいか
  • 無料テーマでは不足する部分があるか

を確認しておきましょう。

有料だからという理由だけで選ぶ必要はありません。

公式サイトには機能紹介やデモサイトも用意されているので、実際にどのようなサイトを作れるのか確認してから判断するのがおすすめです。


まとめ|SWELLは記事制作とページ制作の両方をしやすいテーマ

SWELLは、WordPressのブロックエディターを活用して、ブログ記事や固定ページを制作しやすい有料テーマです。

実際に使っていて便利だと感じるのは、

  • 記事制作に使える専用ブロックが多い
  • フルワイドでページを構成しやすい
  • リッチカラムで細かなレイアウトを作れる
  • ページごとにCSSを追加できる
  • 広告管理機能がある
  • 目次や高速化などの機能も用意されている

といった点です。

特に、ブログ記事だけでなく、トップページや固定ページまでWordPressのブロックエディターで作りたい場合には使いやすいと感じています。

一方で、有料テーマなので費用がかかり、機能が多いぶん最初は設定場所に迷うこともあります。

そのため、

無料・有料という違いだけで決めるのではなく、自分がどのようなサイトを作りたいのか

を考えて選ぶことが大切です。

Dorabloでは実際にSWELLを使いながら記事やページを制作しています。

これからWordPressでブログを長く運営したい方や、記事だけでなくサイト全体のデザインも作り込みたい方は、候補のひとつとして確認してみてください。

よかったらシェアしてね!
  • URLをコピーしました!
目次