WordPressの投稿に美しいテーブルを追加する方法【TinyMCE AdvancedとTablePress徹底解説】

WordPressの編集画面をいくら探しても「テーブルを挿入」ボタンが見つからない――そんな経験はありませんか?ビジュアルエディタとテキストエディタを行き来しても、該当するオプションはどこにもありません。長年WordPressを使っていれば、「こんな基本的な機能は当然あるはず」と思い込んでしまうものです。

しかし、現実には存在しないのです。

「本当に?世界で最も人気のあるCMSなのに、テーブルを作成する機能すらないの?」と驚くのも無理はありません。

幸い、WordPressを使っている限り、「何かを実現したいと思ったらプラグインがある」というのがお約束です。

定番の解決策:TinyMCE Advanced

WordPressでテーブルを挿入する最も一般的な方法は、プラグインを使って高度な編集オプションを「解放」することです。その代表格がTinyMCE Advancedです。管理画面の「プラグイン」→「新規追加」から検索して、すぐにインストールできます。

インストール後は、編集メニューに新しいボタンや編集オプションが追加され、エディタがグレードアップします。その新機能のひとつが「テーブルの挿入」です。

ただし、下の画像を見てわかるように、この方法で追加できるのはシンプルな行と列だけの素朴なプレースホルダーです。

見た目にこだわらないのであれば、TinyMCE Advancedだけで十分でしょう。しかし、より洗練された、機能豊富で視覚的にも美しいテーブルを挿入したいなら、TablePressの出番です。

本命はTablePress

TablePressもWordPress公式プラグインディレクトリから入手できます。検索してワンクリックでインストール、あとは有効化するだけですぐに使い始められます。

ただし、TablePressの使い方はTinyMCEとは少し異なります。投稿や固定ページ内で直接テーブルを挿入して中身を書き込むのではなく、事前にテーブルを作成しておき、ショートコード経由で記事に埋め込む方式です。

この方式の最大のメリットは、投稿や固定ページを編集し直さなくてもテーブルを更新できることです。テーブル側のデータを修正すれば、埋め込まれているすべての記事に自動的に反映されます。

テーブルの作成・編集は、管理画面サイドバーの「TablePress」メニューから行います。最初に表示されるのは、作成済みテーブルの一覧です。まだ何もなければ、「新規追加」または「インポート」から始めましょう。

画面上部には複数のタブがあり、それぞれ次の機能に対応しています。

• 新規追加:新しいテーブルを作成
• インポート:CSVファイルなどからテーブルを読み込み
• エクスポート:作成したテーブルをファイルとして書き出し
• プラグインオプション:CSSや動作設定のカスタマイズ
• About:プラグイン情報の確認

TablePressを特に便利にしているのが、インポート・エクスポート機能です。すでにExcelなどのスプレッドシートで表を作成していれば、WordPressで一から作り直す必要はありません。逆に、TablePressで作ったテーブルをWordPressの外で再利用することも可能です。

テーブルの作成と投稿への挿入手順

1. 新規テーブルを作成する

「新規追加」タブを開き、テーブル名と説明を入力し、必要な行数と列数を指定します。

2. ショートコードを取得する

「テーブルを追加」ボタンをクリックすると、テーブルID付きのショートコードが発行されます。これが投稿や固定ページに貼り付けるコードになります。

3. 内容を入力してカスタマイズする

テーブルの内容を入力し、テーブル下部にある各種オプションを使って細かく調整できます。

すべて完了したら、ページ下部までスクロールして「変更を保存」をクリックします。ここからテーブルのコピー、エクスポート、削除も行えます。

4. 記事にショートコードを貼り付ける

テーブルのショートコードをコピーし、テーブルを表示したい投稿や固定ページの任意の位置に貼り付けます。

TablePressには、TinyMCEの骨組みだけのテーブルよりもはるかに洗練された基本デザインが用意されています。さらにCSSでスタイリングすれば、見た目を自由に磨き込めます。CSSで調整しない場合、テーブルの外観は使用中のテーマのデザインに大きく依存することになるので注意しましょう。実際の投稿での表示結果は以下のようになります。

標準で使える便利な追加機能

見た目の美しさだけでも十分魅力的ですが、TablePressには初期状態で便利な機能が多数備わっています。上の「表示結果」の画像を見ると、テーブル左上に「10件を表示」という項目がありますね。訪問者はこのドロップダウンで、一度に表示する行数を切り替えられます。

さらに、テーブル右上には検索ボックス、右下には「前へ/次へ」のページ送りボタンが表示されます。それだけでも十分ですが、訪問者は個々の列をクリックして昇順・降順の並べ替え(ソート)を行うこともできます。

また、ビジネスユーザーにとって嬉しいのが、スプレッドシートアプリのようにテーブル内で数式(計算式)が使える点です。合計や平均などを自動計算できるため、価格表やデータ一覧の管理が格段に楽になります。

このプラグインには他にも多数の機能が搭載されており、設定画面を探索すればそのすべてを活用できます。とはいえ、追加のカスタマイズを一切しなくても、TablePressは日常的なWordPressユーザーのニーズを十分に満たしてくれるでしょう。

普段のコンテンツ作成でテーブルを使う機会は多くないかもしれません。それでも、いざテーブルが必要になったときにTablePressという心強い味方がいることを知っておけば、安心です。