Last updated: Jul 23, 2026About 6 min read

WordPressで表(テーブル)を使いたいけれど、どの方法が自分に合っているのかわからない——そんな疑問を持つ方のために、初心者でもすぐ実践できる方法を4つまとめました。標準機能からプラグインまで、目的別に使い分けるポイントも解説します。

WordPressで表を作る4つの方法を比較

WordPressで表を作る方法は大きく4つあります。それぞれ手軽さとカスタマイズ性のバランスが異なるため、目的に合ったものを選ぶことが大切です。

  • ① テーブルブロック(標準):最も手軽。インストール不要で即使える
  • ② Flexible Table Block:デザイン自由度が高いプラグイン製ブロック
  • ③ TablePress:大量のテーブルを管理したいサイトに向いた定番プラグイン
  • ④ カスタムHTMLブロック:HTMLを直接記述。CSSを自在に適用できる上級者向け

日常的な比較表や料金表なら①か②で十分対応できます。管理が煩雑になってきたら③、完全なデザインコントロールが必要なら④を検討しましょう。

標準テーブルブロックで表を作る手順

WordPressのブロックエディタ(Gutenberg)には、最初からテーブルブロックが用意されています。プラグイン不要で使えるため、シンプルな表はこの方法が最速です。

ステップ1:テーブルブロックを追加する

記事編集画面で「+」ボタンをクリックし、検索ボックスに「テーブル」と入力してブロックを選択します。行数・列数を入力してから「表を作成」ボタンを押すと、即座にテーブルが挿入されます。

ステップ2:ヘッダー行・フッター行を設定する

右サイドバーの「テーブル設定」からヘッダーセクション・フッターセクションをオンにできます。ヘッダー行を設定すると見た目が整うだけでなく、スクリーンリーダーにも対応した構造になります。列・行の追加はセル右クリックメニューから行います。

Flexible Table Blockでデザインを細かく設定する方法

標準ブロックでは「セルごとに背景色を変えたい」「列幅を固定したい」といった細かい設定が難しいケースがあります。そこで役立つのが「Flexible Table Block」プラグインです。

  1. 管理画面の「プラグイン」→「新規プラグインを追加」を開く
  2. 検索フォームに「Flexible Table Block」と入力してインストール・有効化
  3. ブロック追加から「Flexible Table」を選択し表を挿入
  4. 各セルを選択してサイドバーから背景色・文字色・幅を個別に設定

スマホ対応(レスポンシブ設定)もGUIから簡単に切り替えられるため、モバイルユーザーの多いサイトにも最適です。デザインにこだわりたい方はまずこのプラグインを試してみてください。

SEOを意識した表の使い方

表は読者の滞在時間を伸ばす効果があり、結果としてSEO評価にも好影響を与えます。比較表・料金表・機能一覧など「一目でわかる情報整理」に積極的に活用しましょう。

さらにSEOを強化したいなら、表と合わせて構造化データを設定することが重要です。FAQスキーマ ChatGPT 引用に対応した記事構造にすることで、Google AI OverviewやChatGPTに引用されやすくなります。

  • 表の前後に簡潔な説明文を置き、コンテキストを明確にする
  • ヘッダー行に比較軸(項目名)を明記する
  • モバイルで崩れないようレスポンシブ設定を必ず確認する
  • 表の内容と記事本文のキーワードを一致させる

また、記事全体の内部リンク SEO 戦略と組み合わせることで、検索順位のさらなる向上が期待できます。

表の作成からSEO記事生成まで自動化するなら

表の作り方をマスターしたら、次は記事制作全体の効率化を考えてみましょう。毎回手動で表を作り、見出しを整え、内部リンクを張る作業は想像以上に時間がかかります。

AP Writer Proは、WordPressにインストールするだけでSEO・GEO対応の記事を全自動生成するプラグインです。目次の自動生成・JSON-LD構造化データ出力・内部リンク自動挿入など、本記事で紹介した設定のほとんどを自動で処理します。SEOメディア 記事量産 AIプラグインとして導入実績も増えています。

クレジットカード不要の無料トライアル(1,000pt)から始められるので、まずは気軽に試してみてください。

WordPressで表を作る一番簡単な方法は?
ブロックエディタの「テーブルブロック」を使うのが最も簡単です。ブロック追加から「テーブル」を選択し、行・列数を入力するだけで表が作れます。プラグインのインストールも不要です。

表のデザインをセルごとにカスタマイズしたい場合は?
標準ブロックでは限界があるため「Flexible Table Block」プラグインを使うのがおすすめです。セルごとの背景色・文字色・幅の固定などが管理画面のGUIから直感的に設定できます。

HTMLで表を直接書くことはできますか?
はい。カスタムHTMLブロックに<table>タグを直接記述できます。CSSも自由に当てられるため、デザインの自由度は最も高い方法ですが、HTMLの基礎知識が必要です。

表はSEOに効果がありますか?
比較情報や仕様をテーブルで整理するとユーザーの滞在時間が伸び、間接的にSEO評価に好影響を与えます。構造化データと組み合わせるとAI検索での引用率も高まります。

スマホで表が崩れてしまう場合はどうすれば?
テーブルを囲むdivに「overflow-x: auto;」を設定するか、Flexible Table Blockのレスポンシブ設定を有効にすることで横スクロール対応になり、スマホでも崩れにくくなります。