オカヘイ私はこれまで、実際にSWELLを使って2つのコーポレートサイトを制作しました。
個人ブログだけでなく、企業サイト制作でもSWELLを採用しています。
その経験から、SWELLの魅力を、制作者目線でお伝えします。
コーポレートサイト制作でSWELLを選んだ理由
私が制作の中でSWELLを使用したのは以下の理由からです。
- SWELLはブログサイトにも使われることが多く、情報が多かった
- コーポレートサイトの手法も取り上げられているケースが多くあった
- 非常に人気の有料テーマであり、使い勝手もかなり良い
- 買い切りでありランニングコストがかからいない点、有料テーマの中では若干高めなもののトータルで考えるといいと思った
- テーマの開発が日々行われており、サポート体制も充実している
そもそもHTML&CSSではなくワードプレスを、またさらにはオリジナルテーマ作成ではなく有料テーマを選んだ理由は以下の通りです。


実際に制作したサイト事例
私はこれまで、実際に以下の2つのコーポレートサイトを、SWELLで制作しました。
ブログ用テーマとして有名なSWELLですが、実は企業サイト(コーポレートサイト)制作にも非常に優れています。




SWELLを使って実際の作り方は以下の通り。


制作者が感じたメリット
無料テーマなどでも制作をしようと思ったのですが、細かいデザインの再現がうまくいかず、SWELLの導入に変更した経緯があります。
制作する中で感じたことですが、とにかく再現しやすさが半端じゃないです。
SWELLの機能と追加CSSを使えば、デザインの再現度はグッと高まります。
- リッチカラムを使えば、簡単に3列や2列などに分けることが可能
- デバイス制限を使えば、スマホ・PCで表示方法の変更も一瞬
- ブロック下の余白量で余白の調整も簡単
- レスポンシブデザインが標準で行なわれるため、PC表示の作成をすれば自動でスマホ表示はできあがる
- 追加CSSの設定でデフォルトにないデザインも実現可能
などなど、感じたメリットは作りやすさの観点からもメリットが沢山ありました。
ひとつずつ見ていきます。
リッチカラムを使えば、簡単に3列や2列などに分けることが可能
リッチカラムを使えば以下のように列数が違うデザインも簡単に作成可能です。


各表示(PC・タブレット・スマホ)で何列にするかの選択だけです。


また1行の中で、列の幅を均等以外にしたい時もそれぞれのコンテンツの幅(%)の設定が可能なので、柔軟に対応できます。


デバイス制限を使えば、スマホ・PCで表示方法の変更も一瞬
これはよくあるケースですが、PCでは表示したいがSP(スマホ)では表示したくない、またSP(スマホ)では表示の順番を変えたいなどの時に活用できます。


例えばPCでは文章を長く表示で問題ないが、SP(スマホ)では改行をいれたいなど、レスポンシブに合わせた内容の変更にもとても使いやすいです。
そういう場合は下図のように2つ表示させて各文章に表示するデバイスを設定します。


薄く表示されている方はSP用の表示になります。サイズを小さく、改行を多く調整しています。
ブロック下の余白量で余白の調整も簡単


0em~6em選択式になっているので、細かい再現は難しいかもしれませんが、大まかに余白量は設定可能です。
ブロック下の余白量で不可の場合はスペーサーというブロックを使えばpx単位で設定できるので調整可能になるでしょう。


レスポンシブデザインが標準で行なわれるため、PC表示の作成をすれば自動でスマホ表示はできあがる
これはそのままの内容ですが、PC版で作成すればほぼSP(スマホ)版は調整されて作成できています。
何より自身でHTML&CSSで作成した時に起きやすい表示崩れなどなく作れます。
追加CSSの設定でデフォルトにないデザインも実現可能
SWELLにある追加CSSはとてもい機能で、ブロックに対してCSSをあてることができます。
デフォルトの設定よりも文字を大きくしたい、色を変えたいなどやろうと思えば無限にできます。


などなど、SWELLはコーポレートサイト制作者目線で考えても大変使いやすいテーマです。
注意点
- 買切り型ですが、価格は17,600円(税込)と初期投資として安くはありません
- 機能が豊富な分、はじめは迷うこともあるかもしれません(慣れれば問題ありません)
- 非常に多く使われている有料テーマなので、SWELLっぽさが抜けないケースがあります
SWELLっぽさはデザインによってできる限り抑えることも可能かと思います。
私が作成したゆい音楽教室 様 はデザイナーさんにデザイン作成頂いたものをSWELLで再現したので、割と抑えて作れているのではないかと思っています。
SWELLがおすすめな人
・ワードプレスでコーポレートサイト制作をしたい方
・オリジナルテーマではなく既存のテーマを使用してサイト制作したい方
・容易にレスポンシブデザインを再現したい方
まとめ
SWELLは、ブログ向けテーマというイメージが強いですが、Web制作にも非常に適しています。
SWELLを使えばあなたのコーポレートサイト制作を間違いなく加速させてくれることでしょう。
中小・個人向けのサイト制作でワードプレスでの作成を考えている方にはおすすめです。
ぜひSWELLを使って最高のサイトを制作しましょう。









