ワードプレスで比較表(テーブル)を作るには、HTMLやCSSの知識が必要です。
正直、比較表を一から作るのって、とってもめんどくさいですよね。
そんな人におすすめなのが、SWELLへの乗り換えです。
SWELLではSWELLテーブルブロックが用意されているので、例えば「マルバツ比較表」が、5分で作成できます。
この記事は、SWELLテーブルの概要と使い方をご紹介します。
この記事を読めば、テーブル作成が楽しくなります。
SWELLテーブルの詳細を見るこの記事を書いている人
- ConoHaWINGユーザー4年目
- SWELLユーザー3年目
- SEO検定一級合格
- 月収6ケタ(プラチナランク)
- 某ASPの社員
スクロール&拡大できます
クリックだけで美しいサイトに
ブログのハードルが下がるテーマです。忙しいサラリーマンでも楽しく稼げます。
SWELLテーブルブロックとは?
テーブルブロックとは、WordPress本体で用意されている基本ブロックで、全テーマ共通で利用できるテーブル機能です。
SWELLは、基本機能+テーブル機能拡張してくれています。
JINやSANGOなどの他テーマではテーブル機能の拡張はされておりません。SWELLテーブルブロックは、SWELL独自の機能です。
SWELLテーブルブロックの基本的な使い方
SWELLテーブルブロックの使い方を解説していきます。基本的には、テーブルを作る作業と同じです。
固定、投稿ページを開きます。ブロック挿入ツールから「テーブル」を選択。
カラム数と行数を挿入します。画像では「2カラム×2行」を選択してます。
必要に応じて、スタイルやデザインをカスタマイズして完成です。
WordPressの基本テーブル機能では、ここまでしかできませんよね。SWELLテーブルブロックは、テーブルのカスタマイズが簡単にできます。
SWELLテーブルブロックで出来ること【セルの結合】
SWELLテーブルブロックは、大きく2つの設定ができます。
SWELL独自の機能です。
それぞれ解説します。
スタイルの設定(テーブルデザインの設定)
SWELLテーブルブロックは、クリックだけで表のデザインを変更できます。
項目 | 詳細 |
---|---|
スタイル設定 | 表のデザインを変更可能 |
色設定表のテキスト | 色を変更可能 |
タイポグラフィ設定 | 表のタイポグラフィ設定(文字調整) |
クリックだけでテーブルのレイアウト変更できるので、HTMLやCSSのコードを理解していない人でも安心ですね。
表の詳細設定(テーブルレイアウト設定)
SWELLテーブルブロックは、クリックだけで表のレイアウトを変更できます。
項目 | 詳細 |
---|---|
設定 | ヘッダーセクション等の設定が可能 |
セルの結合・分割 | セルの結合・分割 |
テーブル設定 | テーブルのフォントサイズや中央揃えなど |
横スクロール設定 | スクロールの設定 |
セルの結合ができるのはSWELLだけ
WordPressの基本機能では、セルの結合はできません。セルの結合にはプラグイン「Flexible Table Block」を使う必要がありました。
でもプラグインって、重いし不具合起こすし、できれば入れたくないですよね?
SWELLなら、は、テーブルブロックでセルの結合ができるようになりました。
SWELLはセルの結合がデフォルトで実装できるので、プラグインを入れたり、HTMLコードを修正する必要がありません。
そのため、ブログの工数を大幅に削減できるメリットがあります。
SWELLテーブルの詳細を見るSWELL限定!5つの比較表【テーブルテンプレート】
SWELLは、一から比較表が作れますが、テーブルテンプレートが用意されてます。
○×比較表(テーブル)が、簡単に作成できます。
5つの比較表のテンプレートは、デフォルト装備されてるため、SWELLを購入すればすぐに利用できます。
テーブル比較表は「ブロック挿入ツール」から選択できます。
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は、テーブル比較表を使わなくても、◎×テーブルを作成できます。
ブロック挿入ツールから「テーブル」を検索。ツールバーから、テーブルのカスタマイズが可能です(画像参照)。
ただし、ノーマルのテーブルからカスタマイズすることはおすすめしません。
なぜなら、カスタマイズに時間がかかるから。
ポチポチ作業が地味に面倒です。
初めからテーブルテンプレートを使うことで、時短に繋がります。結果的に、記事の作成やデザインに注力でるのでオススメ。
SWELLはテーブルに強いWordPressテーマ【まとめ】
まとめです。
SWELLはテーブルに強いWordPressテーマです。SWELLテーブルブロックに加え、5種類のテーブル比較表が無料で利用できます。
比較表があると、比較検討ユーザーの離脱を防ぐことができます。
SWELLテーブルを使えば、結果的に、
- 苦痛なテーブル作成が楽しくなる
- 有料プラグインを買う必要がない
- 見やすいテーブルになるので、サイト滞在時間が長くなる
といった効果が得られます。
比較表は、購入を迷っている人の背中を押す働きがあります。そのため、購入率が上がり、ラクに稼げるようになります。毎月旅行にも行けます。
それって、とっても魅力的だと思いませんか?
ブログ初心者でも100点とれる
ブログのハードルが下がります
クリックだけで美しいサイトに。SEOにも強いテーマです。