SWELL比較表の作り方｜5種類のテンプレとスマホ崩れ対策

今、アフィリエイト記事の作成でこんな悩みを抱えていませんか？

• スマホで見ると表が崩れて読みづらい
• 他サイトのような綺麗な比較表が作れない
• 手間をかけたのに商品が全く売れない

一つでも心当たりがあるなら、本記事を読む価値があります。

見にくい表を放置するのは、みすみす収益を捨てる行為。読者は一瞬で「分かりにくい」と判断し、サイトから去ります。何十時間も費やして書いた記事が、誰にも読まれず報酬ゼロのまま終わってしまうのはあまりに惜しいことです。

デザインで迷って時間を溶かすのはもう終わりにしましょう。WordPressテーマのSWELLが備えている標準機能を使えば、プロ級の比較表がわずか5分ほどで完成します。煩わしい作業を効率化して、最短ルートで成果を積み上げていきましょう。

SWELLテーブルの詳細を見る

SWELLテーブルブロックの基本│○×比較表を作る3ステップ

SWELLテーブルブロックは、SWELLユーザーだけが利用できる特別な機能です。

SWELLテーブルブロックとは、WordPress標準の表ブロックに、SWELLが独自の設定を足したものです。○×やチェックマークの背景アイコン、星評価、セルの結合、スマホでの表示の切り替えを、ブロックエディタの操作だけで設定できます。

他のテーマだと、プラグインを追加して使い方を覚え直すところからになります。SWELLでは同じことが最初から編集画面に並んでいるので、導入した日から比較表を作れます。

WordPressには元々表を作る機能がありますが、SWELLのテーブルブロックは、よりたくさんのことができるようになっています。たとえば、「○×比較表」や「星の数で評価する表」などが簡単に作れます。

通常、このような表を作成するには、「SIMPLE BLOG DESIGN」のような有料プラグインが必要で、9,800円の費用がかかります。しかし、SWELLを購入すれば、○×比較表やレビュー比較表（★★★）を無料で作成できます。

SWELLテーブルブロックの基本的な使い方【初心者向け】

SWELLテーブルブロックは、WordPressの標準機能と同じように使えます。

まず、固定ページや投稿ページを開き、「テーブル」ブロックを選びます。

次に、カラム数と行数を設定します。例えば、2つの項目を2行で比べるなら「2カラム×2行」と設定します。

あとは、表のデザインやレイアウトを調整すれば完成です。

SWELLのテーブルブロックは、通常のWordPressの表機能よりも、もっと細かくデザインをカスタマイズできます。

SWELLテーブルブロックには、大きく分けて2つの設定があります。

• スタイルの設定（テーブルデザインの設定）
• 表の詳細設定（テーブルレイアウト設定）

それぞれ解説します。

スタイルの設定（テーブルデザインの設定）

SWELLテーブルブロックは、クリックだけで表のデザインを変更できます。

項目	詳細
スタイル設定	表のデザインを変更可能
色設定表のテキスト	色を変更可能
タイポグラフィ設定	表のタイポグラフィ設定（文字調整）

クリックだけでテーブルのレイアウト変更できるので、HTMLやCSSを知らない人でも安心です。

表の詳細設定（テーブルレイアウト設定）

SWELLテーブルブロックは、クリックだけで表のレイアウトを変更できます。

項目	詳細
設定	ヘッダーセクション等の設定が可能
セルの結合・分割	セルの結合・分割
テーブル設定	テーブルのフォントサイズや中央揃えなど
横スクロール設定	スクロールの設定

スマホで表が崩れるときに使う設定4つ

パソコンで整えた表がスマホではみ出す問題は、SWELLの表の詳細設定で直せます。追加のプラグインもCSSも使いません。

設定	何が起きるか	向いている表
スマホで縦積み表示	横に並んだセルが、スマホでは縦に積み上がる	2〜3列の料金プラン表
最小列幅の維持	列がつぶれないよう、幅の下限を3段階で決められる	文字数が多い比較表
横スクロール＋左1列の固定	表を横になぞって読める。項目名の列だけ動かない	4列以上の商品比較表
ヘッダー行の追従固定	下までスクロールしても、見出し行が画面上に残る	行数の多い一覧表

ヘッダー行の追従固定と、横スクロールは同時に使えません。どちらか一方を選びます。

横スクロールをオンにすると、スマホでは「スクロールできます」という案内が表の上に出ます。読者が横に動かせることに気づけるので、画面の外にある列も読んでもらえます。

比較表を作ったのにスマホで読まれない、という取りこぼしがここで消えます。この記事の冒頭で挙げた「スマホで見ると表が崩れて読みづらい」も、この4つで解決できます。

セルの結合がプラグインなしでできる

WordPressの基本機能でセル結合はできません。

結合するにはプラグイン「Flexible Table Block」を使う必要がありました。でもプラグインはページ速度落ちるし、不具合起こすし、できれば入れたくないですよね？

SWELLは、テーブルブロックでセルの結合ができるようになりました。プラグインを入れたり、HTMLコードを修正する必要がありません。

そのため、ブログ作成の手間を減らすことができます。

セルの結合機能を使うためには、WordPressのバージョンが6.2以上、SWELLのバージョンが2.7.5以上である必要があります。

縦1列目を見出しに変えられる

SWELLはセルのタグを切り替えられるので、縦1列目をまとめて見出しにできます。左端に「価格」「機能A」「機能B」と項目名が並ぶ比較表で使う設定です。

見た目が見出しらしく整うだけでなく、HTMLとしても見出しセルになります。どの列が項目名なのかが表の構造として伝わるので、検索エンジンにも中身が読み取られやすくなります。

他のテーマならHTMLを書き換える作業ですが、SWELLはチェックひとつで終わります。

SWELLテーブルの詳細を見る

SWELL比較表5種類の違い│テンプレート別の使い分けを解説

SWELLには、5種類の表デザインテンプレートが用意されています。これらを使って、○×比較表やメリット/デメリット比較表などを簡単に作成できます。

これらのデザインは、SWELLをインストールするとすぐに使えるようになっています。

テーブル比較表は「ブロック挿入ツール」から選択できます。

SWELLテーブルは、5つのテーブル比較表を利用できます。

1. 「メリット・デメリット」比較表
2. 料金プラン比較表
3. 商品比較表1
4. 商品比較表2
5. 商品比較表3

順番に解説します。

先に5種類の使い分けをまとめます。

テンプレート	向いている場面	入れられるもの
「メリット・デメリット」比較表	1つの商品の良い点と悪い点を並べる	○×アイコン、色つきの見出し
料金プラン比較表	同じサービスのプランを比べる	◎○△×、ボタン、小さな注釈
商品比較表1	3つ以上の商品を項目ごとに比べる	商品画像、ボタン、◎○△×、数値
商品比較表2	商品比較表1と同じ用途。枠線が控えめなデザイン	商品比較表1と同じ
商品比較表3	レビュー記事で評価を見せる	商品画像、星評価、箇条書き、◎○△

迷ったら「メリット・デメリット」比較表から使うと、手が止まりません。項目が2つだけなので、書く内容を決めるのがいちばん速く終わります。

「メリット・デメリット」比較表

実際の表示

メリット	デメリット
メリット メリット メリット メリット	デメリット デメリット デメリット デメリット

１つめの比較表は「メリット・デメリット比較表」です。

「メリット・デメリット比較表」は、AとBの商品を比べてみたいときに役立ちます。この表では、商品の良い点と悪い点を並べて見せることができるので、どちらの商品を選ぶべきか決めやすくなります。

表の見た目は、自由にカスタマイズできます。例えば、項目を増やしたり、色を変えたりすることができます。

料金プラン比較表

実際の表示

項目	フリープラン 0円	プレミアムプラン 1000円/月
機能A
機能B
機能C	制限あり
機能D
機能E
機能F
リンク先	SWELLテーブル	SWELLテーブル

2つめの比較表は、料金プラン比較表です。

料金プランや、商品の機能を分かりやすく比べられるので、読者が商品を選びやすくなります。

この表では、「◎」「〇」「×」「△」などの記号が入れられるので、商品の機能を簡単に評価できます。そのため、読者は一目見ただけで、どの商品が自分のニーズに合っているか判断できます。

さらに、表の中にボタンを設置できるので、商品ページへのリンクを貼ることも簡単です。読者がすぐに商品を購入できるような仕組みを作れます。

ボタンの色・形・アイコンの設定はSWELLボタンの使い方にまとめています。

もちろん、この表も自由にカスタマイズできます。例えば、比較したい項目を増やしたり、表の色を変えたりすることができます。

順位をつけて並べるランキング表にしたいときは、SWELL広告タグの使い方で手順を解説しています。

商品比較表1

実際の表示

	商品A	商品B	商品C
機能A	少し古い	普通	最新機能
機能B	非対応	制限付き	使用可
性能A	200[単位]	500[単位]	1000[単位]
性能B	500[単位]	1000[単位]	800[単位]
デザイン	普通	良い	微妙
価格	5,000円	10,000円	15,000円
	SWELLテーブル	SWELLテーブル	SWELLテーブル

3つ目の表は、「商品比較表1」というもので、商品を細かく比べるためのものです。

この表では、商品の名前の上に画像を表示したり、ボタンを設置したりできます。また、「〇」や「×」を使って、商品の機能を分かりやすく表示することも可能です。

先ほど紹介した料金プランの比較表よりも、もっと自由にカスタマイズできるのが特徴です。

例えば、以下カスタマイズが可能です。

• タイトルに画像が挿入できる
• ボタンを設置できる
• マルバツが表示できる

商品比較表2

実際の表示

	商品A	商品B	商品C
機能A	少し古い	普通	最新版
機能B	非対応	制限付き	使用可
性能A	200[単位]	500[単位]	1000[単位]
性能B	500[単位]	1000[単位]	800[単位]
デザイン	普通	良い	微妙
価格	5,000円	10,000円	15,000円
	SWELLテーブル	SWELLテーブル	SWELLテーブル

4つめの比較表は、「商品比較表2」です。

商品比較表1と、若干レイアウトに違いがありますが、使える機能は同じです。

商品比較表3

商品	特徴	価格	評価
商品A	xxxが便利 xxxもできる xxxはできない	1000円
商品B	xxxが便利 xxxもできる xxxはできない	1000円
商品C	xxxが便利 xxxもできる xxxはできない	1000円

最後の表は「商品比較表3」です。

この表は、他の2つの表と比べて、商品のレビュー評価を星の数で表示できるのが特徴です。つまり、商品の評判をひと目で分かりやすく伝えられます。

商品の写真や「◎」「×」などのマークも入れることができるので、読者は商品を比較検討しやすくなります。アフィリエイトで商品を紹介したい場合、この表を使うと読者の購買意欲を高めやすくなります。

SWELL比較表をテンプレートなしで作る方法│注意点も解説

項目	価格	うまさ
ビーフ	1,000円	うまい
松坂牛	9,000円	まずい

SWELLは「テーブルテンプレート」を使わずに、メリット/デメリット比較表を作成できます。また、柔軟にカスタマイズもできます。

例えば、ブロック挿入ツールから「テーブル」を検索し、ツールバーからカスタマイズができる仕様です（画像参照）。

ただし、ノーマルのテーブルからカスタマイズすることはおすすめしません。時間がかかるからです。

最初からテンプレートを使う方が、時間短縮になります。

SWELL比較表のよくある質問6つ

購入前に確認されることの多い6つをまとめました。

SWELLを買わずに同じ比較表は作れますか？

有料プラグインの「SIMPLE BLOG DESIGN」（9,800円）を入れれば、○×比較表やレビュー比較表を作れます。SWELLは17,600円で、比較表を含む機能が最初から入っています。

スマホで表が崩れるときはどうしますか？

表の詳細設定で、スマホでの縦積み表示・最小列幅の維持・横スクロール・ヘッダー行の追従固定を切り替えます。ヘッダー行の追従固定と横スクロールは同時に使えないため、どちらか一方を選びます。

セルの結合はプラグインなしでできますか？

できます。WordPressのバージョンが6.2以上、SWELLのバージョンが2.7.5以上であることが条件です。「Flexible Table Block」などのプラグインを追加する必要はありません。

HTMLやCSSの知識は必要ですか？

不要です。ブロック挿入ツールからテンプレートを選び、ツールバーとサイドバーをクリックして設定します。

比較表のテンプレートは何種類ありますか？

5種類です。「メリット・デメリット」比較表、料金プラン比較表、商品比較表1、商品比較表2、商品比較表3が、SWELLをインストールした時点で使えます。

表の中にアフィリエイトのボタンは置けますか？

置けます。料金プラン比較表と商品比較表1・2は、セルの中にボタンを設置できます。読者が比較表を見たその場で申し込みページへ進めます。

SWELL比較表まとめ│9,800円の有料プラグインが不要になる理由

まとめです。

SWELLには、5種類の比較表テンプレートが用意されております。カスタマイズも可能なので、アフィリエイトに強いテーマです。

SWELLテーブルの詳細を見る

SWELLテーブルを使えば、以下メリットを得られます。

• メリット/デメリット表が5分で作成できる
• 有料プラグインを購入する必要がない
• 記事が見やすくなるため、サイト滞在時間が長くなる

○×比較表やレビュー比較表（★★★）を作成するためには、「SIMPLE BLOG DESIGN」のような有料プラグイン（9,800円）が必要です。しかし、SWELLテーマ（17,600円）を購入すれば、これらの表を無料で作成できます。

そう考えるとSWELLって、とってもお得なテーマだと思いませんか？

有料プラグインが不要になるのは、比較表に必要な機能がSWELL本体に入っているからです。○×や星評価の背景アイコン、セルの結合、スマホでの縦積み表示、横スクロール。この4つが揃っているので、外から足すものがありません。

プラグインを1つ減らせば、更新のたびに表示が崩れていないか確認する作業も消えます。記事を書く時間に回せます。

購入価格を下げる方法を探しているなら、SWELLは割引・セールなし｜17,600円を安く買う3つの方法を先に読んでみてください。