SWELLの始め方ガイド|これからSWELLを使い始める方はこちら→SWELLの始め方ガイド→クリックタップ

WordPressのテーブル機能を強力に拡張するおすすめプラグインとテーマを紹介!

当ページのリンクには広告が含まれています。
WordPressのテーブル機能を強力に拡張するおすすめプラグインとテーマを紹介!
  • URLをコピーしました!

WordPressのブロックエディター標準のテーブルブロックの機能を拡張してくれるWordPressプラグインやテーマを紹介します。

各テーマやプラグインによってテーブルブロックに追加される機能が異なります。

この記事では追加される機能を比較しつつ、目的別におすすめのテーブルブロックも紹介していきます。リッチな表を作成したい方はぜひ参考にしてください。


合わせて読みたい

ブロックエディター機能が充実したWordPressテーマまとめ。


ブロックエディターにおすすめのWordPressプラグインまとめ。


記事の正確性について ※初回執筆:2022/12/7

記事はできる限り最新情報に更新していきますが、キャプチャ等は執筆時点の物が多くなると思います。

各テーマやプラグイン紹介の文末に確認したバージョンを記載しています。最新情報は各プロダクトの公式サイト等もご確認頂くようお願いします。

目次

テーブルブロックの標準機能でできないこと

まずは、WordPress標準のテーブルブロックでできないことや基本操作を把握しておきましょう。以下の記事にまとめています。

標準のテーブルブロックでは、例えば表を作成するときに使いたい機能としては以下のような設定ができません。

  • セルの結合 ※WordPress6.2以上では条件付きで可能
  • 一部のセルの背景色を変更
  • 表の横スクロール

WordPress6.2からrowspan / colspan 属性がサポートされたことでセルの結合が一応可能になりましたが、テーブルブロックの設定パネルから直感的な操作で結合することはできず、HTMLを直接編集したりする必要があります。

参考セルを結合しつつSWELLのテーブル拡張機能を使った表を作る方法

上記は一例ですが、基本的にかなりシンプルな表しか作ることができず、列数が増えるとデザイン的にもあまり見やすい表ではなくなることがあります。

このようなテーブルブロックに機能を追加して、便利で見やすい表を作るためにはプラグインやWordPressテーマの機能を活用するのがおすすめです。

ここから、テーブル機能が充実したWordPressテーマやプラグインを紹介していきます。

テーマやプラグインのテーブルブロック機能比較表

この記事で紹介する、プラグインやWordPressテーマで使えるテーブルブロックの機能を以下にまとめました。


スクロールできます
プラグイン名おすすめ度セル結合横スクロール背景色変更記号アイコンボタンリンク
Flexible Table Block対応対応対応
SIMPLE BLOG DESIGN対応対応対応
テーブルブロック機能比較表

※プラグイン名をクリックすると、対象の説明箇所までスクロールできます。

補足
  • おすすめ度は比較した結果から目安として表記しています。
  • 比較項目は、僕がサイト運営で「あると便利」と感じる内容を中心にピックアップしています。

目的別おすすめのテーブルブロック

上記で紹介した比較表の中から、目的別におすすめのテーブルブロックを紹介します。

  • セル結合がしたい
  • 表の横スクロールがしたい
  • セル背景色を個別に変更したい
  • セルの背景に記号アイコンを挿入したい
  • セルにボタンリンクを設置したい

直感的な操作でセル結合がしたい

表といえば「セルの結合」と考える方も多いと思います。

現状、テーブルブロックでセルの結合ができるものは少ないですが、以下のプラグインやテーマの機能を利用することでセルを結合したテーブルの作成が可能です。

クラシックエディターで表を作る場合にはもう少し選択肢が増えます。

表の横スクロールがしたい

以下のような表の横スクロールができるプラグインやテーマは多いです。

スクロールできます
列1列2列3列4列5列6
行1samplesamplesamplesamplesamplesample
行2samplesamplesamplesamplesamplesample
横スクロールする表

この記事で紹介するプラグインやテーマ全てに、表の横スクロール機能が実装されています。

セル背景色を個別に変更したい

以下のように一部のセルのみ背景色を設定したいケースがあると思います。

列1列2
samplesample
samplesample
セルの一部のみ背景色変更

セル背景色を個別に変更できるプラグインやテーマのテーブルは以下です。

セルの背景に記号アイコンを挿入したい

最近では表の背景に〇や×といった記号アイコンを挿入できる機能を持ったテーブルも登場しています。

列1列2
samplesample
samplesample
セル背景に記号アイコン

セルの背景に記号アイコンを挿入できるプラグインやテーマのテーブルは以下です。

この機能は、SIMPLE BLOG DESIGNというプラグインで最初に話題になりました。その後、国内の主要なブログ向けテーマも追従して同機能が搭載され現在に至っています。

さとしん

何事も0→1を生み出すのが大変なので、この機能を最初にお披露目してくれた開発者さんには本当に感謝です…!

セルにボタンリンクを設置したい

テーブルブロックで商品などの比較表を作る際に、テーブル内にボタンリンクを挿入したいケースもあると思います。

列1列2
samplesample
samplesample
ボタンリンクを設置

テーブル内にボタンリンクが設置できるプラグインやテーマは以下です。

SIMPLE BLOG DESIGNとSANGOのボタンリンクには通常のURLのみ設定可能です。アフィリエイト用の広告タグなどは設置不可です。SWELLでは、SWELLの複数機能を組みあわせて、アフィリエイト用の広告タグの設定も可能です。

ちなみに、SWELLとSANGOでは、インラインボタンとして文中などにも自由にボタンリンクを設置できます。SWELLやSANGOテーマを使っている場合はFlexible Table Blockの表の中にもボタンを設置できるようになります。

WordPressでテーブルを作るおすすめのプラグイン

当サイトおすすめのブロック拡張プラグインの中から、テーブルブロックの便利機能を持ったプラグインを紹介します。

Flexible Table Blocks

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

Flexible Table Blockはブロックエディター専用の無料テーブル作成プラグインで、超万能でトップクラスに高機能なテーブルプラグインだと思います。

Flexible Table Blockの機能を他のプラグインやテーマのテーブル機能と比較すると、以下のような特徴があります。

できること
できないこと
  • セルの結合ができる
  • 罫線の種類も細かく設定できる
  • 表の横スクロールができる
  • セル背景色を個別に指定できる
  • セル背景に記号アイコンを挿入できない
  • セルにボタンリンクを設置できない

セルの結合ができる点が個人的に最大の目玉かと思います。

Flexible Table Blockのセルの結合

罫線の種類も柔軟に設定できるので、Excelやスプレットシートなどの表計算ソフトのような感覚でテーブルを作成できるのでもの凄く便利です。

Flexible Table Blockのセルの罫線の変更

さらにセルの背景色も個別に指定できるので、特定セルを強調するような表の作り方も可能です。

Flexible Table Blockのセルの背景色の設定

横スクロール設定なども含め、かなり細かく柔軟な設定ができるようになっているので、複雑な表を作る際にはかなり活躍します。

Flexible Table Blockのテーブル設定

セルの背景に記号アイコンを挿入したり、ボタンリンクを設置する機能はありませんが、それ以外にテーブルに求められる設定はほぼすべて兼ね備えていると言っても過言ではないと思います。

お使いのWordPressテーマのテーブル機能が物足りないと感じている方は、Flexible Table Blockを一度ぜひ試してみてください。

公式Flexible Table Blocks

関連Flexible Table Blockの機能・使い方まとめ

SIMPLE BLOG DESIGN

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

SIMPLE BLOG DESIGNで、テーブルなど見やすさにこだわった装飾が使えるプラグインです。

SIMPLE BLOG DESIGNのテーブルブロック機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セルの背景に記号アイコンを挿入できる
  • セルにボタンリンクを設置できる
  • セルの結合はできない
  • セル背景色を個別に変更できない

SIMPLE BLOG DESIGNのテーブルでは、セル背景に記号アイコンを設置できるのが何より魅力です。表内にボタンリンクも設置できるので商品比較表にも便利です。

SIMPLE BLOG DESINGのテーブルブロック-1

注意点としては、ボタンリンクはURLのみ設定できて、アフィリエイトリンクのようなHTMLタグは配置できません。タグを配置したい場合は、後述のSWELLのテーブルブロックがおすすめです。

横スクロールの設定とスクロールヒントの表示設定も簡単にできます。

SIMPLE BLOG DESINGのテーブルブロック-2

設定がシンプルで簡単なのもSIMPLE BLOG DESIGNプラグインのメリットかと思います。

SIMPLE BLOG DESIGNはテーブル以外にも複数のブロックが使えるブロック拡張プラグインです。設定項目は少ないながら、初期状態でも見栄えの良いデザインの装飾ができるように工夫されています。

公式SIMPLE BLOG DESIGN

関連SIMPLE BLOG DESIGNの機能・使い方まとめ

WordPressテーマのテーブルブロック機能まとめ

当サイトおすすめのWordPressテーマの中から、テーブルブロックの機能が拡張されているテーマを紹介します。

SWELL

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマSWELLでは、テーブルブロックに強力な拡張機能が追加されています。

SWELLのテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セル背景色を個別に指定できる
  • セルの背景に記号アイコンを挿入できる
  • セルにボタンリンクを設置できる
  • セルの結合ができる
  • 特になし

SWELLのテーブルブロックでは、セル背景に記号アイコンを設置したり、任意のセルのみ背景色を変更することもできます。

SWELLのテーブルブロック-1

横スクロールの設定は、スマホとPCそれぞれで設定が可能です。

SWELLのテーブルブロック-2

また、SWELLの広告タグ管理機能と組み合わせることで、SIMPLE BLOG DESIGNでは実現できなかった、表内のボタンリンクにアフィリエイトリンクを貼ることもできます。

ちなみに、この機能ではボタンリンクのクリック数も分析できるのでかなり便利です。

SWELLの機能を組み合わせると、以下のような比較表を簡単に作ることができて便利です。

SWELLのテーブルブロックで比較表を作る手順-1
SWELLのテーブルで作る比較表

長くなるので省略しますが、この他にもSWELLのテーブルブロックでできることがたくさんあります。以下の記事に詳しくまとめていますので、ぜひ見てみてください。

SWELLのテーブルブロックでは、セルの結合はできませんがテーブルに求められる機能としてはとても充実しています。WordPressテーマのテーブルブロック機能としては頭一つ抜けた高機能なブロックになっています。

2023年4月29日リリースのSWELL v.2.7.5アップデートで、直感的にセルの結合ができるようになりました!

SWELLのテーブルセル結合機能-4

公式

関連SWELLのブロックエディター機能まとめ

関連SWELLの評判・口コミ・レビュー

以下の環境で動作を確認しています。※最終確認日:2023/6/3

WordPress

v6.2

SWELL

v2.7.6

SANGO

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマSANGOでは、テーブルブロックに独自の拡張機能が追加されています。

SANGOのテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セルの背景に記号アイコンを挿入できる
  • セルにボタンリンクを設置できる
  • セルの結合はできない
  • セル背景色を個別に変更できない

WordPressテーマSANGOも、SWELLやSIMPLE BLOG DESIGNの後を追うように背景に記号を配置できる機能や、表内にボタンリンクを設置できる機能を追加してきました。

SANGOのテーブルブロック

SANGOのテーブルは、ブロックスタイルに横スクロールできる表が用意されています。

特定のスタイルでしか設定できないのは注意が必要な点だと思います。

SANGOのテーブルブロック-2

個別にセルの背景色を変更することはできませんが、それ以外の機能としては充実しています。

WordPressテーマの中では、SWELLに次いでおすすめのテーブルブロックです。

公式SANGO

関連SANGOのブロックエディター機能まとめ

関連SANGOの評判・感想レビュー

以下の環境で動作を確認しています。※最終確認日:2023/1/21

WordPress

v6.1.1

SANGO

v3.6.4

Nishiki Pro

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマNishiki Proでは、テーブルブロックに一部の機能が追加されます。

Nishiki Proのテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セルの結合はできない
  • セル背景色を個別に変更できない
  • セル背景に記号アイコンを挿入できない
  • セルにボタンリンクを設置できない

Nishiki Proでは、ブロックバリエーションとして、横スクロールする表が用意されています。

Nishiki Proのテーブルブロック-1

タブレットやスマホなどデバイスのサイズに合わせてスクロールさせるかどうか選ぶことができます。

それからブロックスタイルとして用意されている「左見出し」のスタイルが、比較項目を縦に並べた表を作るときに見やすいデザインで個人的にはお気に入りです。

Nishiki Proのテーブルブロック-2

機能としてはシンプルですが、複雑すぎない通常の表を作る用途としては十分な機能かと思います。

公式Nishiki Pro

以下の環境で動作を確認しています。※最終確認日:2022/12/6

WordPress

v6.1.1

Nishiki Pro

v1.0.307

STORK19

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマSTORK19ではテーブルブロックに一部機能が追加されています。

STORK19のテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セルの結合はできない
  • セル背景色を個別に変更できない
  • セル背景に記号アイコンを挿入できない
  • セルにボタンリンクを設置できない

STORK19では、デバイス幅が480px以下の場合のみ横スクロールさせることができます。

STORK19のテーブルブロック-1

それから1列目をth(テーブル見出し)風のデザインにすることができます。1列目がグレーになりますが、色の指定はできません。

STORK19のテーブルブロック-2

ブログで作る機会が多い商品比較表などを見やすく作りたい場合は、SWELLSANGOのテーブル機能の方が適しているように感じますが、通常用途の表には十分な機能だと思います。

公式

関連STORK19のブロックエディター機能まとめ

関連STORK19の評判・感想レビュー

以下の環境で動作を確認しています。※最終確認日:2023/1/21

WordPress

v6.1.1

STORK19

v3.17

yStandard

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマyStandardでは、専用プラグイン「yStandard Toolbox」を使うことでテーブルブロックの機能が拡張されます。

yStandardのテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • セルの結合はできない
  • セル背景色を個別に変更できない
  • セル背景に記号アイコンを挿入できない
  • セルにボタンリンクを設置できない

yStandard Toolboxのテーブルブロックは、スタイルの中に横スクロール用のスタイルが用意されています。

yStandardのテーブルブロック

上記以外のスタイルで横スクロールできない点には注意です。

機能もデザインもシンプルなので、ミニマルなサイトに合いそうなテーブルを作ることができるかなと思います。

公式yStandard

以下の環境で動作を確認しています。※最終確認日:2022/11/1

WordPress

v6.0.3

yStandard

v5.9.2

yStandard Blocks

v5.9.2

yStandard Toolbox

v5.9.2

AFFINGER6

おすすめ度:

機能の充実度
悪い
1
2
3
4
5
良い
操作のしやすさ
悪い
1
2
3
4
5
良い

WordPressテーマAFFINGER6では、テーブルブロックに一部独自の機能が追加されています。

AFFINGER6のテーブルブロックの機能を他のプラグインやテーマの機能と比較すると、以下のような特徴があります。

できること
できないこと
  • 表の横スクロールができる
  • 1列目の幅を指定できる
  • セルの結合はできない
  • セル背景色を個別に変更できない
  • セル背景に記号アイコンを挿入できない
  • セルにボタンリンクを設置できない

AFFINGER6では、ブロックスタイルの中にスマホサイズで横スクロールが可能なスタイルが用意されています。

横スクロールできるスタイルが限定されているのと、PCなど大きな画面サイズのデバイスでは横スクロールできない点には注意が必要です。

AFINGER6のテーブルブロック-1

それから、1列目のみですが、幅を細かく指定できるようになっています。

AFINGER6のテーブルブロック-2

テーブルのカラーなどはテーマカスタマイザーから設定できます。記事の編集画面からは設定できない仕様です。

AFINGER6のテーブルブロック-3

ブログ、アフィリエイト向けの比較表などを作る目的では、SWELLSANGOのテーブルブロック機能の方が充実していますが、シンプルな表は問題なく作ることができます。

公式AFFINGER6

関連AFFINGER6のブロックエディター機能まとめ

以下の環境で動作を確認しています。※最終確認日:2022/11/21

WordPress

v6.0.3

AFFINGER6

v5.9.2

Gutenbergプラグイン2

v5.9.2

WordPressテーマやプラグインのタブブロックまとめ

WordPressのブロックエディター標準のテーブルブロック機能を便利に拡張してくれるWordPressテーマやプラグインを紹介しました。

>>機能比較表をもう一度見る

ブログ記事などで頻繁に利用するテーブルブロックですが、標準機能だけだと少し物足りなく感じます。

この記事で紹介したテーマやプラグインのテーブルブロックを活用することで標準機能では作れない表を作成できるのでぜひ参考にしてもらえたら嬉しいです。

ブロックエディターを活用して素敵なコンテンツを作っていきましょう。

最後まで読んでいただきありがとうございました。


WordPressのテーブル機能を強力に拡張するおすすめプラグインとテーマを紹介!

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次