ワードプレスで比較表(テーブル)を作るには、HTMLやCSSの知識が必要です。正直、比較表を一から作るのって、とってもめんどくさいです。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
そんな人におすすめなのが、SWELLへの乗り換えです。
SWELLは、SWELLテーブルブロックが用意されています。そのため、クリックだけで「マルバツ比較表」など、リッチなテーブルを作成できます。
この記事は、SWELLテーブルブロックの概要と使い方をご紹介します。
この記事を読んでいただくことで、記事に比較表を簡単に入れることができるので、アフィリエイトの収益が増えます。
SWELLテーブルの詳細を見るこの記事を書いている人
![筆者のプロフィール画像](https://www.blog-start.org/wp-content/uploads/2023/11/myprofile-image.png)
![筆者のプロフィール画像](https://www.blog-start.org/wp-content/uploads/2023/11/myprofile-image.png)
- ConoHaWINGユーザー4年目
- SWELLユーザー3年目
- SEO検定一級合格
- 月収6ケタ(プラチナランク)
- 某ASPの社員
![A8プラチナ会員](https://www.blog-start.org/wp-content/uploads/2023/10/platinum-1.jpg)
![A8プラチナ会員](https://www.blog-start.org/wp-content/uploads/2023/10/platinum-1.jpg)
スクロール&拡大できます
![SEO検定1級](https://www.seo-study.jp/wp-content/uploads/2023/01/SEO-Level1.jpg)
![SEO検定1級](https://www.seo-study.jp/wp-content/uploads/2023/01/SEO-Level1.jpg)
![登場人物](https://www.blog-start.org/wp-content/uploads/2023/12/character-main.png)
![登場人物](https://www.blog-start.org/wp-content/uploads/2023/12/character-main.png)
【まずは結論】SWELLテーブルブロックとは?~○☓・レビュー比較表
![WordPressで比較表(テーブル)を作る](https://www.blog-start.org/wp-content/uploads/2023/05/swell-table-min-1024x536.jpg)
![WordPressで比較表(テーブル)を作る](https://www.blog-start.org/wp-content/uploads/2023/05/swell-table-min-1024x536.jpg)
結論、SWELLテーブルブロックとは、SWELLユーザーだけが使えるSWELLブロックです。
WordPressには、デフォルトでテーブル機能が実装されてますが、SWELLのテーブルブロックは、機能が拡張されてます。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
○☓比較表や、レビュー比較表(★★★)などが作成できます。
通常、○☓比較表や、レビュー比較表(★★★)を作るには、「SIMPLE BLOG DESIGN」のような有料プラグインが必要です。
でも、「SIMPLE BLOG DESIGN」は9,800円なので、地味に痛い出費です。
SWELLを購入すれば、○☓比較表や、レビュー比較表(★★★)が、無料で作成できます。
SWELLテーブルブロックの基本的な使い方
SWELLテーブルブロックの使い方は、基本的にはテーブルを作る作業と同じです。
![ワードプレステーブルブロック](https://www.blog-start.org/wp-content/uploads/2023/05/table-01.jpg)
![ワードプレステーブルブロック](https://www.blog-start.org/wp-content/uploads/2023/05/table-01.jpg)
固定、投稿ページを開きます。ブロック挿入ツールから「テーブル」を選択。
![カラム数と行数を挿入](https://www.blog-start.org/wp-content/uploads/2023/05/table-02.jpg)
![カラム数と行数を挿入](https://www.blog-start.org/wp-content/uploads/2023/05/table-02.jpg)
カラム数と行数を挿入します。画像では「2カラム×2行」を選択してます。
![](https://www.blog-start.org/wp-content/uploads/2023/05/table-03.jpg)
![](https://www.blog-start.org/wp-content/uploads/2023/05/table-03.jpg)
必要に応じて、スタイルやデザインをカスタマイズして完成です。
上記動画のテーブルは、WordPressの基本機能で作れるテーブルです。SWELLは、プラスαのカスタマイズができます。
次項で詳細を解説します。
SWELLテーブルブロックで出来ること【セルの結合】
SWELLテーブルブロックは、大きく2つの設定ができます。
それぞれ解説します。
スタイルの設定(テーブルデザインの設定)
SWELLテーブルブロックは、クリックだけで表のデザインを変更できます。
項目 | 詳細 |
---|---|
スタイル設定 | 表のデザインを変更可能 |
色設定表のテキスト | 色を変更可能 |
タイポグラフィ設定 | 表のタイポグラフィ設定(文字調整) |
クリックだけでテーブルのレイアウト変更できるので、HTMLやCSSを知らない人でも安心です。
表の詳細設定(テーブルレイアウト設定)
SWELLテーブルブロックは、クリックだけで表のレイアウトを変更できます。
項目 | 詳細 |
---|---|
設定 | ヘッダーセクション等の設定が可能 |
セルの結合・分割 | セルの結合・分割 |
テーブル設定 | テーブルのフォントサイズや中央揃えなど |
横スクロール設定 | スクロールの設定 |
セルの結合ができるのはSWELLだけ
WordPressの基本機能では、セルの結合はできません。結合するにはプラグイン「Flexible Table Block」を使う必要がありました。
でもプラグインって、重いし不具合起こすし、できれば入れたくないですよね?
SWELLは、テーブルブロックでセルの結合ができるようになりました。プラグインを入れたり、HTMLコードを修正する必要がありません。
そのため、ブログの工数を大幅に削減できるメリットがあります。
SWELLテーブルの詳細を見る5種類のテーブルテンプレート【メリット、デメリットの可視化】
SWELLには、5種類のテーブルテンプレートが用意されてます。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
○×比較表(テーブル)が、簡単に作成できます。
5種類のテーブルテンプレートは、デフォルトで実装されてます。そのため、SWELL購入後、すぐ利用できます。
![テーブルはブロックエディタの中に](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-03-min.jpg)
![テーブルはブロックエディタの中に](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-03-min.jpg)
テーブル比較表は「ブロック挿入ツール」から選択できます。
![5つのテーブルテンプレート](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-02-min.jpg)
![5つのテーブルテンプレート](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-02-min.jpg)
SWELLテーブルは、5つのテーブル比較表を利用できます。
順番に解説します。
「メリット・デメリット」比較表
実際の表示
メリット | デメリット |
---|---|
メリット メリット メリット メリット | デメリット デメリット デメリット デメリット |
1つめの比較表は「メリット・デメリット比較表」です。
この比較表は、AとBの商品を比較したいときに便利です。列、表の追加、色変更など、カスタマイズも可能です。
- 商品のメリット・デメリット
- 商品Aと商品Bの比較
料金プラン比較表
実際の表示
2つめの比較表は、料金プラン比較表です。商品機能を比較するのに特化しており、ユーザー行動を促すときに効果的です。
表内には「◎〇×△?✓ー」を表記できるので、ユーザーが視覚的に判断できるメリットがあります。
また、表の中には、デフォルトでCTAボタンが配置されてます。アフィリエイト記事への誘導も簡単です。
もちろん、列の追加や色変更のカスタマイズも柔軟に可能です。
商品比較表1
実際の表示
![]() ![]() 商品A | ![]() ![]() 商品B | ![]() ![]() 商品C | |
---|---|---|---|
機能A | 少し古い | 普通 | 最新機能 |
機能B | 非対応 | 制限付き | 使用可 |
性能A | [単位] | 200500[単位] | [単位] | 1000
性能B | 500[単位] | [単位] | 1000[単位] | 800
デザイン | 普通 | 良い | 微妙 |
価格 | 5,000円 | 10,000円 | 15,000円 |
SWELLテーブル | SWELLテーブル | SWELLテーブル |
3つめの比較表(テーブル)は、「商品比較表1」です。3つの商品を比較できるテンプレートです。
先に紹介した「商品プラン比較表」より、詳細に項目設定できます。
例えば、以下カスタマイズが可能です。
- タイトルに画像が挿入できる
- ボタンを設置できる
- マルバツが表示できる
商品比較表2
実際の表示
![]() ![]() 商品A | ![]() ![]() 商品B | ![]() ![]() 商品C | |
---|---|---|---|
機能A | 少し古い | 普通 | 最新版 |
機能B | 非対応 | 制限付き | 使用可 |
性能A | [単位] | 200500[単位] | [単位] | 1000
性能B | 500[単位] | [単位] | 1000[単位] | 800
デザイン | 普通 | 良い | 微妙 |
価格 | 5,000円 | 10,000円 | 15,000円 |
SWELLテーブル | SWELLテーブル | SWELLテーブル |
商品比較表2
4つめの比較表は、「商品比較表2」です。
商品比較表1と、若干レイアウトに違いがありますが、使える機能は同じです。
商品比較表3
商品 | 特徴 | 価格 | 評価 |
---|---|---|---|
![]() ![]() 商品A | xxxが便利 xxxもできる xxxはできない | 1000円 | |
![]() ![]() 商品B | xxxが便利 xxxもできる xxxはできない | 1000円 | |
![]() ![]() 商品C | xxxが便利 xxxもできる xxxはできない | 1000円 |
最後は、「商品比較表3」です。
商品比較表1、2との違いは「レビュー評価★」が入れられること。
画像や◎×も入るので、比較検討層にもっとも刺さりやすいテーブルです。
アフィリエイトで稼ぎたいなら、こちらの表がおすすめです。
通常テーブルでも〇×できる【まるばつ】
項目 | 価格 | うまさ |
---|---|---|
ビーフ | 1,000円 | うまい |
松坂牛 | 9,000円 | まずい |
SWELLは、テーブル比較表を使わなくても、◎×テーブルを作成できます。
![アイコンを選択](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-04-min-1024x371.jpg)
![アイコンを選択](https://www.blog-start.org/wp-content/uploads/2022/07/swell-table-04-min-1024x371.jpg)
ブロック挿入ツールから「テーブル」を検索。ツールバーから、テーブルのカスタマイズが可能です(画像参照)。
ただし、ノーマルのテーブルからカスタマイズすることはおすすめしません。
なぜなら、カスタマイズに時間がかかるから。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
ポチポチ作業が地味に面倒です。
初めからテーブルテンプレートを使うことで、時短に繋がります。結果的に、記事の作成やデザインに注力でるのでオススメ。
SWELLはテーブルに強いWordPressテーマ【まとめ】
![](https://www.blog-start.org/wp-content/uploads/2023/05/swell-table-summary-min-1024x536.jpg)
![](https://www.blog-start.org/wp-content/uploads/2023/05/swell-table-summary-min-1024x536.jpg)
まとめです。
SWELLはテーブル機能が多いWordPressテーマです。
SWELLテーブルブロックに加え、5種類のテーブル比較表が無料で利用できます。
![](https://www.blog-start.org/wp-content/uploads/2023/08/check-1.png)
![](https://www.blog-start.org/wp-content/uploads/2023/08/check-1.png)
![](https://www.blog-start.org/wp-content/uploads/2023/08/check-1.png)
比較表があると、比較検討ユーザーの離脱を防ぐことができます。
SWELLテーブルを使えば、以下メリットを得られます。
- テーブル作成がラクになる
- 有料プラグインを買う必要がない
- 記事が見やすくなるので、サイト滞在時間が長くなる
○☓比較表や、レビュー比較表(★★★)を作るには、「SIMPLE BLOG DESIGN」のような有料プラグイン(9,800円)が必要です。
SWELLは17,600円ですが、購入すれば無料で作成できます。
そう考えると、SWELLって、とってもお得なテーマだと思いませんか?
ブログ初心者でも100点とれる
![SWELLスピード100点](https://www.blog-start.org/wp-content/uploads/2022/07/swell-speed-100-min-1024x286.jpg)
![SWELLスピード100点](https://www.blog-start.org/wp-content/uploads/2022/07/swell-speed-100-min-1024x286.jpg)