SWELLはブログ向けのテーマとして紹介されることが多いですが、コーポレートサイトや個人事業主のホームページ制作にも使いやすいWordPressテーマです。
SWELLで会社のホームページを作るとどんな感じ？
ブログっぽいデザインにならない？
このような疑問を持っている方もいるのではないでしょうか。
私自身、Web制作でSWELLを利用する事が多く、コーポレートサイト制作でもとても使いやすいテーマだと感じています。
特に、専門的なコードを書かなくてもレイアウトやデザインを作りやすいため、自分で事業用ホームページを作りたい方にもおすすめです。
この記事では、SWELLの特徴やメリット・デメリット、コーポレートサイト制作におすすめできる理由をわかりやすく解説します。
SWELLとは？
SWELLは、株式会社LOOSが開発・販売しているWordPressの有料テーマです。
ブロックエディタとの親和性を重視して設計されており、専門的なコーディング知識がなくても、直感的な操作でデザイン性の高いページを作れることで支持を広げてきました。
国内のWordPressサイト解析データでも利用シェアが国内でトップクラスと継続的に報告されており、個人ブログだけでなく企業サイトの制作実績も増えている人気テーマです。
SWELLはブログだけでなくコーポレートサイトにも使える
SSWELLは「ブロガーに人気のテーマ」というイメージで語られることが多いですが、実際には企業サイトの制作にもそのまま応用できる設計になっています。
もともとSWELLは、記事を書きやすくすることを重視して作られたテーマです。
そのため、見出しや装飾のバリエーションが豊富で、文章と画像を組み合わせたコンテンツページを直感的に作れます。
この「読ませるページを作りやすい」という強みは、実はコーポレートサイトの会社紹介ページやサービス紹介ページ、代表挨拶ページなどにもそのまま活きてきます。
さらに、SWELLは記事一覧のようなブログ的なレイアウトだけでなく、固定ページ単体で完結する「サイト型」のページ構成にも対応しています。
企業サイトらしい1ページ完結型のデザインも、専用ブロックを組み合わせるだけで作成可能です。
加えて、コーポレートサイトには「会社の最新情報を発信するお知らせページ」や「業界の知識を発信するコラムページ」を併設したいというニーズがよくあります。
SWELLはもともとブログ運用を前提に作られているため、こうした更新型のコンテンツとの相性が非常に良く、コーポレートサイトの本体はシンプルな固定ページで構成しつつ、お知らせやコラムだけはブログ機能を使う、という柔軟な組み合わせも簡単に実現できます。
つまりSWELLは、「読ませる記事ページ」と「見せる固定ページ」の両方を高いレベルでカバーできるテーマになります。
これから会社のブログも育てていきたいと考えている個人事業主や中小企業にとっては、コーポレートサイト専用テーマよりも使い勝手が良いと私は感じます。
SWELLの価格
SWELLは月額課金ではなく、17,600円（税込）の買い切り型で提供されています。
一度購入すれば追加費用なしで複数のサイトに使えるため、今後複数の事業サイトやオウンドメディアを立ち上げる予定がある方にとってはコストパフォーマンスの良い選択肢になります。
現在、Xサーバーと同時に申込むと、セット契約で割引が適用されるので通常より安く購入出来ます。
あわせてチェックしておくとお得に導入できる可能性があります。
＼ 料金の詳細はこちら ／
SWELLの主な特徴
ブロックエディタに完全対応
WordPress標準のブロックエディタとの相性を前提に設計されているため、記事やページを直感的なドラッグ&ドロップ感覚で組み立てられます。
専用ブロックも豊富に用意されており、コーポレートサイトでよく使う「見出し付きの特徴紹介」「料金表」「実績カード」のようなレイアウトも、コードを書かずに作成できます。
表示速度・SEOへの配慮が標準搭載
高速化のための機能や構造化データの自動生成を、追加のプラグインなしで実現できる設計になっています。
表示速度は検索エンジンの評価にも影響するため、コーポレートサイトの集客面でも安心材料になります。
継続的なアップデート
リリースから年数が経った今も機能追加や改善が続けられており、WordPress本体のアップデートにも迅速に対応しています。
長期的に運用する企業サイトの土台として、更新が止まる心配をしにくいのは大きな安心材料です。
サイト型・ブログ型どちらにも対応
サイト型とブログ型のどちらのレイアウトにも対応しているため、コーポレートサイトのトップページ・サービス紹介ページを整えつつ、お知らせやコラムページをブログ形式で運用するといった使い方もできます。
SWELLがコーポレートサイト制作におすすめの理由
コードを書かなくてもデザインを作りやすい
SWELLをコーポレートサイト制作におすすめする大きな理由が、コードを書かなくてもデザインを作りやすいことです。
一般的にホームページを細かくデザインするには、HTMLやCSSなどの知識が必要になりますが、HTML/CSSの知識がなくても、専用ブロックを組み合わせるだけで清潔感のあるビジネス向けデザインに仕上がります。
個人的にはここが一番の魅力かなと思います。
独自ブロックがおしゃれなので、組み合わせていくと整ったサイトが出来上がります。
たとえば、
- フルワイド
- リッチカラム
- バナーリンク
- ボタン
- FAQ
- ステップ
- アコーディオン
- タブ
などを組み合わせながらページを作成できます。
「サービス紹介」を3列に並べたり、画面いっぱいに背景画像を表示したり、お問い合わせへのボタンを設置したりといったレイアウトも作れます。
実際にコードを書かず、SWELLのブロックだけを使ってデザインを作ってみました。
どんなデザインが作れるのか気になる方はこちらの記事も参考にしてください。
トップページを自由に作りやすい
コーポレートサイトでは、トップページのデザインが重要です。
SWELLではブロックを組み合わせてページを作れるため、コーポレートサイトらしいトップページを自由に作成できます。
テンプレートに文章や画像を当てはめるだけではなくてページ構成を考えられるのもメリットです。
メインビジュアルや記事スライダーなどを表示せず、一からメインビジュアルを作り込むことも可能なので、自分の思い通りのサイト制作が出来ます。
レスポンシブデザインに対応している
現在のホームページでは、パソコンだけでなくスマートフォンでの見やすさも重要です。
SWELLはレスポンシブデザインに対応しているため、パソコン・タブレット・スマートフォンなど、画面サイズに応じて表示が調整されます。
また、一部のブロックではデバイスごとの表示・非表示なども設定できます。
スマートフォン用のホームページを別に作る必要はありません。
表示速度を意識した設計・高速化機能がある
コーポレートサイトでは、デザインだけでなくページの表示速度も重要です。
ページの表示に時間がかかると、訪問したユーザーがページを見る前に離脱してしまう原因にもなります。
SWELLには、キャッシュ機能やファイルの読み込みを最適化する機能、画像やコンテンツの遅延読み込みなど、サイトの表示速度を改善するための機能が標準で用意されています。
私自身が運営しているサイトでも、WordPressテーマをAFFINGER6からSWELLへ変更したところ、Googleの「PageSpeed Insights」のスコアが改善しました。
実際にテーマを変更する前と変更した後のスコアを計測しているので、表示速度が気になる方はこちらの記事も参考にしてください。
SEOを意識したサイトを作りやすい
コーポレートサイトでは、Googleなどの検索エンジンから会社やサービスを見つけてもらうためのSEOも重要です。
ブログの場合は、検索されるキーワードに合わせて記事を増やし、サイトへのアクセスを伸ばしていく方法がよく使われます。
一方、コーポレートサイトでは、会社概要や事業内容、サービス紹介、お問い合わせなど、限られたページを中心に運営する場合がほとんどです。
そのため、記事を増やすことだけでなく、最初から検索エンジンがサイトの内容を理解しやすい構造にしておくことも大切です。
SWELLには構造化データの出力など、SEOを考慮した機能が用意されています。
また、SWELL公式のプラグイン「SEO SIMPLE PACK」を利用すれば、ページごとのタイトルやメタディスクリプション、noindex、OGPなどの設定もWordPressの管理画面から行えます。
ブログのように多くの記事を書くことを前提としないコーポレートサイトだからこそ、サイトを作る段階からSEOを意識できる環境が整っていることは、重要です。
買い切りで複数サイトに使える
会社のコーポレートサイトに加えて、採用サイトやサービス別のLPを別ドメインで立ち上げる場合でも、追加のライセンス費用がかからないのでコスパがいいです。
Web制作者が選ぶ！コーポレートサイトで便利なSWELLの機能7選
SWELLにはたくさんの機能がありますが、ここでは一般的な機能紹介ではなく、実際にコーポレートサイトを制作していて「これは便利！」と感じる機能をトップ7を紹介します。
ブログではあまり使わなくても、コーポレートサイト制作では出番の多い機能ばかりです。
1. ページごとにヘッダー画像を変更できる
SWELLでは、
- 「会社概要は会社の外観」
- 「事業紹介はサービスの写真」
- 「採用情報はスタッフの写真」
というように、ページごとにヘッダー画像を変更できます。
SWELLでは、ページ単位でヘッダー画像を個別に設定できる、あえてヘッダー画像を表示しないパターンや、全ページに一括で同じ画像を設定するパターンも選べます。
無料テーマではページ事のヘッダー画像の変更が出来るテーマはなかなかないのでおすすめです。
コーポレートサイトはページによって見せたい雰囲気が異なることが多いため、ページごとに柔軟に切り替えられるのは実務上とても助かるポイントです。
固定ページはサブタイトルも設定できるのでタイトル英字、サブタイトル日本語なども設定出来ます。
2. PCとスマホで改行位置を変えられる
個人的によく使うのが、PCとスマートフォンで改行位置を切り替えられる機能です。
たとえばPCでは、
PCなら、
ホームページ制作を通して、
あなたのビジネスの魅力をより多くの人に届けます。
スマホでは、
ホームページ制作を通し
て、
あなたのビジネスの魅力
をより多くの人に届けま
す。
と、文章が不自然に3〜4行になってしまうことがあります。
コーポレートサイトは実はスマートフォンから閲覧されるケースが非常に多く、PCでの見え方だけを意識して文章を作ってしまうと、肝心なスマホ画面で読みにくくなってしまうことがあります。
SWELLではPCとスマートフォンで表示する改行を使い分けられるため、それぞれの画面幅に合わせて読みやすい位置で改行できます。
細かい機能ですが、PCとスマートフォンの両方でデザインを整えるコーポレートサイト制作では、個人的にかなり使用頻度は高いです。
3. ブロックごとに余白を調整しやすい
もうひとつよく使うのが、ブロック間の余白を調整できる機能です。
ホームページのデザインでは、文字の大きさや色だけでなく「余白」も重要です。
「この見出しの上をもう少し空けたい」
「画像と文章の間隔を少し狭くしたい」
「セクション同士をもう少し離したい」
といった調整は、コーポレートサイトを制作していると頻繁に出てきます。
通常であればCSSを追加して調整するような場面でも、SWELLではブロックの設定から余白を調整できるため、コードを書く機会を減らせます。
特に、少し余白を変えるだけでページ全体の見やすさやデザインの印象が大きく変わるため、細かく作り込みたいときに便利です。
この機能がないと調整したい余白を一つずつmargin-bottom:80pxのようにcssで書いたり、スペーサーで調整する必要があり、結構手間がかかります。
この余白機能になれてしまうと、他サイトで作る時にとても手間に感じてしまいます。
こうした「ちょっと調整したい」という部分まで管理画面から操作できるのも、SWELLをコーポレートサイト制作で使いやすいと感じる理由のひとつです。
4. ヘッダーを追従させられる
ページをスクロールしてもヘッダーを画面上部に固定する「追従ヘッダー」も設定できます。
これはコーポレートサイトを制作していると、クライアント様から要望をいただくことが比較的多い機能です。
ヘッダーを追従させておけば、ページの途中まで読んだユーザーも、
- 事業紹介
- サービス
- お問い合わせ
などのメニューへすぐに移動できます。
このヘッダーは作るとなると結構な労力がかかります。
SWELLなら設定から切り替えられるので、追従させる・させない、PCのみ SPのみ、両方などをサイトに合わせて選べるのも便利です。（追従ヘッダーのロゴサイズ単体の調整が可能）
オン/オフの切り替えも簡単にできるため、サイトの雰囲気やクライアントの好みに合わせて調整しやすいです。
5. フッター直前にウィジェットを配置できる
個人的に「わかってる！」と言いたくなるのが、フッター直前にウィジェットを配置できることです。
コーポレートサイトでは、各ページを読んだあとに、
「サービスについて相談する」
「お問い合わせはこちら」
といったお問い合わせへの導線を設置することがよくあります。
下記のようなバナーリンクを見た事があると思います。
そして、その導線を置きたい場所が、ちょうどページのコンテンツが終わってフッターへ入る直前なんです。
SWELLにはこの位置にウィジェットを配置できるため、共通のお問い合わせエリアを設置できます。
この仕組みがない場合、各ページに同じ内容を設置したり、テーマファイルをカスタマイズしたりする必要が出てくることがあります。
ウィジェットなら一か所を管理すればよいので、修正もしやすくなります。
私はお問い合わせだけでなく、
- 採用情報
- SNSへのリンク
- サービスへの誘導
- バナー
などを組み合わせて使うこともあります。
6. メインビジュアルに合わせてヘッダーを透明にできる
SWELLでは、トップページのヘッダーを透明にして、メインビジュアルの上に重ねるデザインも設定できます。
写真を画面いっぱいに大きく見せたいサイトでは、
ヘッダー＋メインビジュアルを一体化
させることができます。
よくおしゃれなサイトにある『画面いっぱい写真や動画が広がったやつ』です。
反対に、ヘッダーとメインビジュアルを分けて表示することもできます。
そのため、
「写真を大きく見せたいサイト」
「ヘッダーとメインビジュアルをきっちり分けたいサイト」
のどちらにも対応しやすいです。
複雑なメインビジュアルでなければ、この2パターンを使い分けるだけでも多くのコーポレートサイトに対応できます。
また、メインビジュアルのテキスト部分でHTMLを使用できるのも、Web制作をするうえでは個人的に気に入っているポイントです。
7. スマホの開閉メニュー内にウィジェットを配置できる
スマートフォンでは、メニューを開いたときに表示されるエリアも重要です。
SWELLには、スマホの開閉メニュー下部に表示できるウィジェットエリアがあります。
ここに、
- SNSへのリンク
- お問い合わせへのバナー
- 営業時間
- 電話番号
- 採用情報
- キャンペーンの案内
などを設置できます。
スマホからのアクセスが多いコーポレートサイトでは、この一手間で導線を増やせるのがありがたいところです。
サイトによって必要な情報を自由に追加できるので、コーポレートサイトでもよく活用しています。
ほかにもコーポレートサイトで便利な機能がたくさんある
今回紹介した5つ以外にも、SWELLにはコーポレートサイト制作で便利な機能があります。
たとえば、スマートフォンの画面下部に固定メニューを表示できる「固定フッターメニュー」もそのひとつです。
電話・お問い合わせ・アクセスなど、ユーザーにすぐ行動してもらいたい項目を画面下部に配置できるため、店舗やサービス系のホームページとも相性がいい機能です。
後はお知らせ一覧を好きな場所に自由配置できるのも便利です。デザインもおしゃれで、余白、タイトルの大きさも絶妙なバランスです。
コーポレートサイトを作るときに便利なのが、見出しを「セクション用」に切り替えられる機能です。
「セクション用」に設定すると、通常の見出しに設定している装飾デザインをオフにできます。
たとえば、トップページや下層ページではシンプルな見出しにしたいけれど、ブログやお知らせ記事では見出しの装飾を使いたいという場合に便利です。
ページの用途に合わせて見出しデザインを使い分けられるので、コーポレートサイトを制作するときにも使いやすい機能です。
子テーマに対応している為、アップデートの影響を受けずにcssを子テーマに書けたりと実際にコーポレートサイトを作ってみると「ここにこれが欲しかった」という機能が最初から用意されていることが多いです。
上記はコーポレートサイトを作る上でのおすすめポイントですが、ブログでもたくさん『この機能使いやすい』とおすすめのポイントがたくさんあります。
SWELLのデメリット
SWELLにはメリットだけでなく、デメリットもあります。
正直なところ、私自身SWELLを使っていて、「ここが使いづらい」と感じたことはほとんどありません。
そのため、これから紹介する内容も「デメリット」というより、SWELLがどのようなタイプのWordPressテーマなのか、購入前に知っておいてほしい特徴や注意点として読んでいただければと思います。
① テンプレートに沿って作るタイプのテーマではない
SWELLは自由度が高い反面、用意されたテンプレートに画像や文章を入れていくだけで、コーポレートサイトが完成するタイプのテーマではありません。
有料のWordPressテーマというと、
「デモサイトと同じ構成が最初から用意されていて、画像や文章を自分の会社のものに変更すれば完成する」
というイメージを持っている方もいるかもしれません。
たとえばTCDのWordPressテーマには、テーマごとに用途やデザインが決められており、用意された設定項目に沿ってコンテンツを登録していくことで、デモサイトに近い構成を作りやすいものがあります。
一方、SWELLはそうした「完成されたテンプレートに当てはめていく」というより、ブロックを組み合わせながら、自分でページを作り上げていくタイプのテーマです。
そのため、
- どんなページ構成にするか
- どこに画像を配置するか
- どのブロックを組み合わせるか
- どんな余白やレイアウトにするか
などは、自分で考える必要があります。
これはSWELLのデメリットでもありますが、それだけ自由なデザインが作れるという魅力にもなります。
あらかじめ決められた構成に縛られないため、会社やサービスに合わせて自由にコーポレートサイトを作り込むことができます。
自分でレイアウトを考えながら、オリジナルのホームページを作りたい方にはとてもおすすめのテーマです。
② 機能が多いため最初は迷うことがある
SWELLは多機能なテーマなので、初めてWordPressを使う方は設定項目の多さに戸惑うことがあります。
設定箇所は
外観→カスタマイズからの設定機能と
SWELL設定からの設定と
2か所あります。
アフィンガーやcocoonなどに比べるとややこしくはないですが、
機能が多い為、こんな便利な機能があったんだとブログを書き出してから知る機能もありました。
最初からすべての機能を覚えなくてもコーポレートサイトは作れます。笑。
サイト全体のデザイン、ヘッダー、フッター、トップページなど、必要な部分から順番に設定していけば大丈夫です。
③ 初期費用がかかる
買い切り型とはいえ17,600円の初期費用がかかるため、開業直後で予算を最小限に抑えたい場合は負担に感じることもあるかもしれません。
ただし、コーポレートサイト用に作られたテーマはブログ用のテーマに比べて価格が高い傾向にあり、同じような価格帯で年額のサブスクリプション課金になっているものも珍しくないです。
業種特化型のTCD系テーマも3万円前後の価格帯が中心なので、コーポレートサイトにも使えるWordPressテーマとして考えると、SWELLの17,600円が特別高い価格というわけではありません。
また、SWELLは月額・年額料金ではなく買い切りなので、一度購入すればテーマ自体の継続料金はかかりません。
初期費用だけを見ると無料テーマより高くなりますが、コーポレートサイト制作で使える機能や自由度、長期的に使用することまで考えると、個人的には価格とのバランスが取れたテーマだと感じています。
SWELLはこんなコーポレートサイトにおすすめ
個人事業主や中小企業のコーポレートサイト
制作会社に大きな費用をかけずに、自社である程度更新まで対応したい場合に向いています
お知らせ・コラムなど更新頻度の高いコンテンツを持つサイト
もともとブログ運用を前提に作られているため、プレスリリースや業界コラムを定期的に発信していきたい企業と相性が良い
シンプルなコーポレートサイト
会社紹介・サービス紹介・実績・お問い合わせといった構成を、専用ブロックを組み合わせるだけで作りたい場合に適している
社内の担当者が更新作業をするサイト
ブロックエディタでの直感的な操作に対応しているため、専門知識のない社員でもある程度の更新作業を任せられる
将来的に複数サイトを立ち上げる予定がある事業者
買い切り型で複数サイトに使えるため、コーポレートサイトに加えて採用サイトやサービス別のLPを別ドメインで運用したい場合にもコストを抑えられる
SWELLは初心者でも使える？
結論から言うと、SWELLはWordPress初心者や、HTML・CSSの知識がない方でも十分に使いこなせるテーマです。
コードを書かずに操作できる設計
SWELLはWordPress標準のブロックエディタを前提に設計されており、見出し・ボタン・カード・料金表といったパーツを、ドラッグ&ドロップの感覚で組み合わせていくだけでページが作れます。
作り込む場合は、多少HTMLやCSSの知識も必要ですが、マウス操作だけでも十分おしゃれなサイトが完結するのが大きな特徴です。
リアルタイムプレビューで確認しながら設定できる
ロゴや配色、フォントといったサイト全体のデザインは「テーマカスタマイザー」から変更でき、変更内容をその場でプレビューしながら調整できます。
設定してから公開画面を確認して戻る、という手間がかからないため、初めてでも直感的に触りやすい仕組みになっています。
情報量の多さが安心材料になる
国内利用シェアがトップクラスのテーマだけに、公式マニュアルはもちろん、個人ブログやYouTubeでの解説記事・動画が非常に豊富です。
設定でわからないことがあっても、検索すればほぼ確実に解説が見つかるのは、一人でサイト運営をする個人事業主や、社内に詳しい担当者がいない企業にとって心強いポイントです。
SWELLでコーポレートサイトを作る流れ
SWELLでコーポレートサイトを作る場合は、大まかに次のような流れになります。
- レンタルサーバーを契約する
- 独自ドメインもレンタルサーバと一緒に取得する
- ssl設定をする
- WordPressをインストールする
- SWELLを購入・WordPressにインストールする
- SWELLの基本設定を行う
- トップページ、下層ページを作成する
- メニューやフッターを設定する
- 内容を確認して公開する
最初からすべて完璧に作る必要はありません。
まずは、
- トップページ
- サービス・事業紹介
- 会社概要
- お問い合わせ
など、事業に必要なページを用意して公開し、あとから実績やブログなどを追加していく方法もあります。
このサイトもWordPressテーマ「SWELL」で制作しています。
実際に私自身、クライアントサイトを含めて50サイト近くSWELLで制作してきました。ブロックエディターの使いやすさやデザインの整えやすさ、制作効率の高さから現在もメインテーマとして利用しています。
SWELLについてよくある質問
まとめ
実際に使うとコーポレートサイトも意識して作られていることがわかる
SWELLはブログ向けのWordPressテーマとして紹介されることが多いですが、実際にコーポレートサイト制作で使ってみると、コーポレートサイトでの利用もしっかり意識して作られているテーマだと感じます。
ページごとのヘッダー画像、改行位置の調整、余白調整、追従ヘッダー、フッター直前のウィジェット、メインビジュアルに重ねられる透明ヘッダー、スマホメニュー内のウィジェットなど、どれもコーポレートサイトを制作していると「ここに欲しい」「助かる」と感じる機能です。
もちろん、これらの機能がなくてもCSSやPHPなどを使って自分で実装することはできます。
しかし、よく使う機能が最初からテーマ側に用意されていて、管理画面から簡単に切り替えられるのは、制作する側にとっても、ホームページを運営する側にとっても大きなメリットです。
私自身、さまざまなWordPressテーマを使ってきましたが、SWELLはブログだけでなく、コーポレートサイトを作るときの「使いやすさ」までよく考えられているテーマだと感じています。
「SWELLだけで本当におしゃれなホームページを作れるの？」
と思っている方のために、実際にコードを書かず、SWELLのブロックだけを使ってデザインを作ってみました。
実際にどのくらいのデザインが作れるのか、ぜひ参考にしてみてください。
SWELLで『どんなコーポレートサイトが作れるか知りたい』という方はこちらの記事も参考にしてみてください。
このサイトもWordPressテーマ「SWELL」で制作しています。
実際に私自身、クライアントサイトを含めて50サイト近くSWELLで制作してきました。ブロックエディターの使いやすさやデザインの整えやすさ、制作効率の高さから現在もメインテーマとして利用しています。
WordPressには無料・有料を含めてさまざまなテーマがあり、それぞれ得意なことや価格、使いやすさが異なります。
次の記事では、SWELLと他のWordPressテーマを比較し、ホームページ制作にはどのテーマが向いているのかを分かりやすく紹介します。
「SWELLにするか、他のテーマにするか迷っている」という方は、ぜひ参考にしてください。
