6月11日(火) まで最大53%OFF1,000円クーポン(コノハウィング)

SWELLテーブルブロックの使い方【〇×比較表】5種類のテンプレートを実例紹介

プロモーションが含まれる場合があります
SWELLテーブル機能
  • URLをコピーしました!

ワードプレスで比較表(テーブル)を作るには、HTMLやCSSの知識が必要です。正直、比較表を一から作るのって、とってもめんどくさいです。

やたろう

そんな人におすすめなのが、SWELLへの乗り換えです。

SWELLは、SWELLテーブルブロックが用意されています。そのため、クリックだけで「マルバツ比較表」など、リッチなテーブルを作成できます。

この記事は、SWELLテーブルブロックの概要と使い方をご紹介します。

この記事を読んでいただくことで、記事に比較表を簡単に入れることができるので、アフィリエイトの収益が増えます。

SWELLテーブルの詳細を見る
この記事を書いている人
プロフィール
筆者のプロフィール画像
やたろう
  • ConoHaWINGユーザー4年目
  • SWELLユーザー3年目
  • SEO検定一級合格
  • 月収6ケタ(プラチナランク)
  • 某ASPの社員
A8プラチナ会員
A8:プラチナ会員

スクロール&拡大できます

SEO検定1級
SEO検定1級
登場人物
登場人物
SWELLロゴ

クリックで美しいサイトが作れる

ブログのハードルが下がるテーマです。忙しいサラリーマンでも楽しく稼げます。

2024年5月24日の情報です。

この記事でわかること(もくじ)

【まずは結論】SWELLテーブルブロックとは?~○☓・レビュー比較表

WordPressで比較表(テーブル)を作る

結論、SWELLテーブルブロックとは、SWELLユーザーだけが使えるSWELLブロックです。

WordPressには、デフォルトでテーブル機能が実装されてますが、SWELLのテーブルブロックは、機能が拡張されてます。

やたろう

○☓比較表や、レビュー比較表(★★★)などが作成できます。

通常、○☓比較表や、レビュー比較表(★★★)を作るには、「SIMPLE BLOG DESIGN」のような有料プラグインが必要です。

でも、「SIMPLE BLOG DESIGN」は9,800円なので、地味に痛い出費です。

SWELLを購入すれば、○☓比較表や、レビュー比較表(★★★)が、無料で作成できます。

SWELLテーブルブロックの基本的な使い方

SWELLテーブルブロックの使い方は、基本的にはテーブルを作る作業と同じです。

ワードプレステーブルブロック

固定、投稿ページを開きます。ブロック挿入ツールから「テーブル」を選択。

カラム数と行数を挿入

カラム数と行数を挿入します。画像では「2カラム×2行」を選択してます。

必要に応じて、スタイルやデザインをカスタマイズして完成です。

上記動画のテーブルは、WordPressの基本機能で作れるテーブルです。SWELLは、プラスαのカスタマイズができます。

次項で詳細を解説します。

SWELLテーブルブロックで出来ること【セルの結合】

SWELLテーブルブロックは、大きく2つの設定ができます。

それぞれ解説します。

スタイルの設定(テーブルデザインの設定)

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

項目詳細
スタイル設定表のデザインを変更可能
色設定表のテキスト色を変更可能
タイポグラフィ設定表のタイポグラフィ設定(文字調整)
SWELLテーブルブロック:デザイン調整できること

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

表の詳細設定(テーブルレイアウト設定)

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

項目詳細
設定ヘッダーセクション等の設定が可能
セルの結合・分割セルの結合・分割
テーブル設定テーブルのフォントサイズや中央揃えなど
横スクロール設定スクロールの設定
SWELLテーブルブロック:レイアウト調整できること

セルの結合ができるのはSWELLだけ

WordPressの基本機能では、セルの結合はできません。結合するにはプラグイン「Flexible Table Block」を使う必要がありました。

でもプラグインって、重いし不具合起こすし、できれば入れたくないですよね?

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

そのため、ブログの工数を大幅に削減できるメリットがあります。

セルの結合機能を使うためには、WordPressバージョンは6.2以上、SWELLのバージョンを2.7.5以上のアップデートが必要です。

SWELLテーブルの詳細を見る

5種類のテーブルテンプレート【メリット、デメリットの可視化】

SWELLには、5種類のテーブルテンプレートが用意されてます。

やたろう

○×比較表(テーブル)が、簡単に作成できます。

5種類のテーブルテンプレートは、デフォルトで実装されてます。そのため、SWELL購入後、すぐ利用できます。

動画:SWELLテーブル
テーブルはブロックエディタの中に
テーブルはブロックエディタの中に

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

5つのテーブルテンプレート
5つのテーブル比較表

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

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

順番に解説します。

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

実際の表示

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

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

この比較表は、AとBの商品を比較したいときに便利です。列、表の追加、色変更など、カスタマイズも可能です。

使い方の例
  • 商品のメリット・デメリット
  • 商品Aと商品Bの比較

料金プラン比較表

実際の表示

スクロールできます
項目フリープラン
0円
プレミアムプラン
1000円/月
機能A
機能B
機能C
制限あり
機能D
機能E
機能F
リンク先SWELLテーブルSWELLテーブル
商品プラン比較表

2つめの比較表は、料金プラン比較表です。商品機能を比較するのに特化しており、ユーザー行動を促すときに効果的です。

表内には「◎〇×△?✓ー」を表記できるので、ユーザーが視覚的に判断できるメリットがあります。

また、表の中には、デフォルトでCTAボタンが配置されてます。アフィリエイト記事への誘導も簡単です。

もちろん、列の追加や色変更のカスタマイズも柔軟に可能です。

商品比較表1

実際の表示

スクロールできます
swell-logo
商品A
swell-logo
商品B
swell-logo
商品C
機能A少し古い普通最新機能
機能B非対応制限付き使用可
性能A200[単位]500[単位]1000[単位]
性能B500[単位]1000[単位]800[単位]
デザイン普通良い微妙
価格5,000円10,000円15,000円
SWELLテーブルSWELLテーブルSWELLテーブル
商品比較表1

3つめの比較表(テーブル)は、「商品比較表1」です。3つの商品を比較できるテンプレートです。

先に紹介した「商品プラン比較表」より、詳細に項目設定できます。

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

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

商品比較表2

実際の表示

スクロールできます
swell-logo
商品A
swell-logo
商品B
swell-logo
商品C
機能A少し古い普通最新版
機能B非対応制限付き使用可
性能A200[単位]500[単位]1000[単位]
性能B500[単位]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テーブル機能

SWELLは、テーブル比較表を使わなくても、◎×テーブルを作成できます。

アイコンを選択
アイコンを選択

ブロック挿入ツールから「テーブル」を検索。ツールバーから、テーブルのカスタマイズが可能です(画像参照)。

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

なぜなら、カスタマイズに時間がかかるから。

やたろう

ポチポチ作業が地味に面倒です。

初めからテーブルテンプレートを使うことで、時短に繋がります。結果的に、記事の作成やデザインに注力でるのでオススメ。

SWELLはテーブルに強いWordPressテーマ【まとめ】

まとめ

まとめです。

SWELLはテーブル機能が多いWordPressテーマです。

SWELLテーブルブロックに加え、5種類のテーブル比較表が無料で利用できます。

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

比較表があると、比較検討ユーザーの離脱を防ぐことができます。

SWELLテーブルの詳細を見る

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

  • テーブル作成がラクになる
  • 有料プラグインを買う必要がない
  • 記事が見やすくなるので、サイト滞在時間が長くなる

○☓比較表や、レビュー比較表(★★★)を作るには、「SIMPLE BLOG DESIGN」のような有料プラグイン(9,800円)が必要です。

SWELLは17,600円ですが、購入すれば無料で作成できます。

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

ブログ初心者でも100点とれる

SWELLスピード100点
Google:ページスピードインサイト100点
SWELLロゴ

ブログが楽に管理できる

クリックだけで美しいサイトに。SEOにも強いテーマです。

購入前のよくある質問(クリックで開きます)
SWELLは、本当にサイト表示速度あがるの?

環境次第ですが、私の場合は、サイト表示速度100点取れました。

別のサイトで、SWELL使っていいの?

はい、問題ないです。SWELLは100%GPLです。法人サイトでも制限なく利用できます。

SWELLのお支払方法は?

クレジットカードのみです。

SWELLは返品はできるの?

いいえ、商品の特性上、返品はできません。

サポートある?

チャット、電話は対応してません。マイページのフォーラムから問い合わせしてください。

よかったらシェアしてね!
  • URLをコピーしました!
この記事でわかること(もくじ)