【両方のテーマを使い比べました】AFFINGERとSWELLを実用レベルで比較

よく比較されるテーマ「SWELL」と「AFFINGER」について、両方とも使い込んでいる私の視点で、特徴、メリット、デメリットを解説します。

WordPress のテーマは「デザインの方向性」を決める大切なアイテムです。どちらが優れているということは無く優劣をつけるものではありません。自分の好みやデザインの方向性によりあっているテーマを選ぶのがコツです。

「SWELL」も「AFFINGER」も、両方とも素晴らしいテーマですので、よくご検討くださいませ。

AFFINGER と SWELL を比較

SWELL と AFFINGER の特徴

「SWELL」と「AFFINGER」の特徴をざっと比較します。

	SWELL	AFFINGER
おすすめ対象	初心者に優しい	最初のとっかかりが難しい （できなくはない）
デザイン	洗練されたデザイン （スタイリッシュ）	かっこいいデザイン （シャープ）
操作性、使いやすさ	直感的に簡単に操作できる （※しかし、細かいカスタマイズができないことがある）	細かく操作・設定できる （※しかし、設定できることが多すぎて、操作がわかりにくい時がある）
特徴	インストール後からすでに最高に最適化された美しいデザインでサイトを構築できる。標準のデザイン設定で、すでに神レベル。	最初の設定は最低限の状態なので自分で諸設定をしていく必要がある。設定で細かく変えられるので自分の好みのデザインのサイトを作っていける。
購入	ご購入、導入手順はこちらから SWELLの購入、導入方法について	ご購入、導入手順はこちらから AFFINGERの購入、導入方法について
価格	17,600円	14,800円

SWELL は特に初心者に優しく、初期状態から画面全体のデザインセンスや文章の行間などが最適化されている状態のため、メインの画像などを入れていくなどの簡単操作だけで充分デザイン性の高いサイトを構築できます。

AFFINGERは設定する箇所が多く、また初期状態は最低限の状態のためフォントの大きさや行間などを自分で設定して調整しなければなりません。最初手間がかかりますが、とても細かい設定ができるため、自由自在にサイトデザインを変えていける特徴があります。

全体的なサイトデザイン感（デザインの方向性）の比較

SWELL のサイト例

SWELLは洗練されたスタイリッシュなデザインが得意です。トップページに「メインビジュアル」という特殊な機能を付けており、画像や動画を割り当てていくだけで簡単にファーストビューで読者を引き付けるサイトを作ることができます。

AFFINGER のサイト例

AFFINGERはシンプルでクールなデザインが得意です。形がブログ（HTML / WordPress）の基本の形に則っているためすっきり見えます。設定が細かくできるのでオリジナリティを出しやすく、またHTMLフレームの形が素直なのでCSSなどによるカスタマイズを当てやすい特徴があります。

SWELL と AFFINGER の全体的なデザイン感の違い

SWELLとAFFINGERは「デザインの方向性」「デザインの特徴」が異なります。

SWELLのほうは全体的に洗練されたデザインかつフラットデザインを得意としており読者に「心地よさ」を与える印象です。一方、AFFINGERはリッチなデザインかつクールでかっこいいデザインになりやすく、読者を「惹きつける」デザインになりやすいのが特徴です。

もちろん、SWELLでAFFINGERのようなサイトを作ることも、AFFINGERでSWELLのようなサイトを作ることも頑張れば可能です、しかし、テーマのもともとのデザインポリシーを極端に変えていくようなカスタマイズは大変です。

デザインポリシーに優劣はありませんので、自分のデザインの好みに合わせてテーマを選ぶのが良いでしょう。

記事のデザイン感（記事の読みやすさ、見やすさ）の比較

テーマによって記事の細部のデザインも変わります。「記事の読みやすさ」に大きくかかわり、読者満足度に影響するポイントです。

SWELL の記事デザイン例

SWELL の記事デザインは標準（インストールしたばかりの状態）でほぼデザインの完成形に近く、神レベルで洗練されています。すごすぎる！特に見出しや文章の行間、部品の配色などは設定でわざわざ変える必要が無いほど、そのまま使えます。

※自分でさらに行間や配色を変えていくことも、もちろん可能です。

AFFINGER の記事デザイン例

AFFINGERの場合、初期状態（インストール後）では、お世辞にもデザインが奇麗とは言い難い状況です。フォントはやや小さめで、行間は狭く、配色なども少し古さを感じます。AFFINGERは設定することが前提のテーマなので初期状態のデザインはあまり洗練されていません。

多少手間はかかりますが、自分で各設定を行うことで、SWELLに負けないレベルのデザインにすることが可能です。

（アフィンガーで初期設定を実施した例）

多少初期設定をするとAFFINGERの見た目も良い方向に変わります。また細部まで細かい設定が可能ですので自分好みに変えていくことができます。上の例では、次の設定変更を実施しました（作業時間1時間程度）。

• サイト全体の横幅を広げる
• H2、H3の見出しの配色やスタイルを変更
• フォント設定と行間の設定を変更
• BOXやボタンの配色は記事編集時に変更

SWELL と AFFINGER の記事デザイン感の違い

SWELLは初期状態でデザインがすでに洗練していて、そのまま使ってもスタイリッシュで読みやすいのが良さです。AFFINGERは初期状態では設定が若干古さが見受けられるため、自分で設定しなおす必要があります。

AFFINGERで設定を変えていくには「慣れ」も必要なため、ブログ初心者がいち早く優れたデザインでサイトを作りたいならSWELLが便利ですね。

操作感、使いやすさの比較

ブログを運営していくならば、サイトデザイン（ヘッダーの工夫やトップページ＝見た目など）は自分なりの個性あるオシャレなデザインに変えていきたいものですね。SWELLもAFFINGERもデザイン性が高いテーマで、どちらもおすすめです。詳しく見ていきましょう。

SWELLはとても使いやすいテーマ

【良い】おしゃれなトップページが作りやすい

SWELLはトップページの形が用意されており、ある程度の流れに沿って画像などを割り当てていけばオシャレなデザインでサイトが作れるテーマです。

SWELLは、美しいバランスのヘッダーとヘッダメニュー、サイトのファーストビューを大きく手助けするメインビジュアル、見やすいピックアップバナーなどを標準機能で形作っているため、比較的簡単に、おしゃれなデザインのトップページを作ることができます。

【良い】設定箇所がまとまっていてわかりやすい

SWELLはデザイン系の設定や操作が、ほぼすべて「外観」→「カスタマイズ」内にまとめられています。

上手に分類わけされているので探しやすいのが特徴です。

【良い】記事作成時の一つ一つの操作がわかりやすい

SWELLは記事作成時の操作がとても分かりやすく親切です。

記事内の装飾などを行う場合に、見てわかるような工夫が随所にあるので、わかりやすく使いやすい。すばらしいユーザーライクなテーマですね。

AFFINGERは細かく設定することに優れている

【良い】記事作成時に細かくデザインを設定できる

AFFINGERは部品ごとにさらに細かく装飾を変更できます。

例えばBOXでは「タイトル」「枠線」「背景」など、それぞれの項目ごとに配色を変えられます。

【悪い】設定箇所がわかりにくい

AFFINGERでデザインする場合、設定する箇所が２か所に分かれています。

たとえば同じ「ヘッダー」の見え方のデザイン設定でも、一部は、「外観ーカスタマイズ」の中にあり、一部は「AFFINGER管理」の中にあります。デザインに関して設定する場所が分散しているため、使いにくいと感じることがあります。

SWELLとAFFINGERの操作感の違い

SWELLは初心者でも直感的に使える使いやすいテーマです。使いやすさを求めるならSWELLの方が上位でしょう。

カスタマイズ性の比較

SWELLはカスタマイズの方向性を絞っている

SWELLはトップページや部品のデザイン（形）がある程度決まっています。

SWELLは多くデザインのパターンが事前に用意されており、設定変更レベルである程度変えられるので困ることは殆どありません。しかし、既に用意されているものの中から選んでいく性質が強いため、オリジナリティを出したい場合には対応が難しい（できない）場合があります。

またSWELLは内部構造が強力に作りこまれているため、自作CSSなどを使って追加で改造していくことが比較的難しいテーマです。

AFFINGERは自由度が高く、カスタマイズ性に優れたテーマ

【良い】サイト標準の形に沿っているので、サイトデザインをどの方向にも変えていける

AFFINGERのサイトの構成は、WordPress や HTML の基本の形に沿って作られています。

上から順にヘッダーエリア（ヘッダー部、メニュー部、ヘッダーカード部など）、メインコンテンツエリアと配置されています。もともとのHTMLは上から下に部品を配置していくことが基本であり、AFFINGERの仕組みも基本の形に合わせています。

基本の形からはデザインを好きな方向性に変えやすいのが特徴です。さらに、構成が基本の形にあっていることから、CSSなどを使った自作デザインなども比較的容易です。

フレーム（形）からオリジナリティのあるサイトデザインに変えていきやすいテーマです。

【良い】ヘッダー構造が多重でデザインの幅が広い

AFFINGERはヘッダー部分の構造が多重化されており、細かくカスタマイズができます。

ヘッダー部の構造が多重化および分割されていることから、それぞれに画像を割り当てたり透明化するなどが可能です。ヘッダー部分の表現力（カスタマイズ性）が圧倒的に高いテーマです。

【良い】細かく設定ができる

AFFINGERは部品に対して細かい設定ができるテーマです。

カスタムボタンの場合、枠線の色、文字の色、背景色、グラデーションなどの配色が細かく設定できます。また、枠線の太さや丸みも指定できます。

SWELLとAFFINGERのカスタマイズ性の違い

カスタマイズ性を求めるならば、構造が基本形にあっていて、細かい設定ができるAFFINGERが便利です。

他と被らない個性的なデザインのサイトを作りたい場合、AFFINGERをおすすめします。

SWELL、または、AFFINGERをおすすめめする人

SWELLをおすすめする人

SWELL は初心者にも優しく、上級者でも十分満足できる優れたテーマです。

＼SWELLの購入・導入手順はこちら／

AFFINGERをおすすめする人

AFFINGER は最初こそ慣れるまでに時間がかかりますが、一度覚えてしまえば、多くのカスタマイズの可能性を感じられるテーマです。オリジナリティを出していきたい人におすすめのテーマです。

＼AFFINGER の購入・導入手順はこちら／

よくある質問

SWELLとAFFINGERについてよくある質問と回答です。

まとめ：SWELL と AFFINGER の比較

SWELLもAFFINGERも素晴らしいテーマです。それぞれ特徴があるので自分の好みに合わせて選びましょう。

	SWELL	AFFINGER
おすすめ対象	初心者～上級者	中級車～上級者 ※初心者は最初に若干苦労します
デザイン（全体）	洗練されたデザイン （スタイリッシュ）	かっこいいデザイン （シャープ）
デザイン（記事）	ほぼ完ぺきなデザイン （フラットデザイン）	初期状態は厳しい、再設定が必要 （リッチデザイン）
使いやすさ	使いやすさは抜群	細かい設定ができる
カスタマイズ性	できることが絞られている	多くのデザインに対応できる
価格	17,600円	14,800円

自分に合った WordPress のテーマを使って、素敵なサイトを作ってくださいね。