Table Cell Extras

Table Cell Extras

Gutenberg標準テーブルブロックのセル内で、インライン書式の拡張を行う軽量プラグインです。(WordPress公式プラグイン申請済み・審査待ち)

クライアントのサイト運営上、必要に駆られて作成しました。以下に概要を付します。もしよろしければダウンロードしてご利用ください。

Last Update : 2026-03-26 (Version 1.2.1)

Why?

WordPress標準状態では、テーブルセル内にGUIで配せるのは「ほぼプレーンテキストだけ」に近く … メリハリをつける手段に乏しいです。太字、イタリック、文字色変更程度しかありません。またセル内では改段落もなく、行間(上下)スペースを空けるには br (Enter) での改行以外なし。

HTML編集モードを利用すれば、セル内に ul などのブロック要素を配して箇条書きをしたり、文字単位の大きさ制御も可能になります。しかしながら、多くのクライアント、ユーザーにとってはハードルが高いものであり、運用上現実的ではありません。

GUIでリッチなテーブルを挿入/編集可能にする素晴らしいプラグインは世に存在します(敬意)。しかしながら、既存の・標準のテーブルセル内を少し見やすくしたいという時には使えなかったり、Too Much だったり …

So,

そこで🙂 当プラグインは

WordPress標準のテーブルセル内で指定可能な書式/装飾を、ほんの少しだけ拡張します。

使用例

12:30開場・受付開始
13:00開会
司会: 山田太郎 (株式会社山田伝記)
13:10​​講師:田中棚子(風林大学文学部准教授)
演題 「風が吹けば桶屋が儲かる」
言い出しっぺの法則
バタフライエフェクト
バターフライとの違い
桶屋は本当に儲かったのか
人間万事塞翁が馬
洋の東西を問わず似た諺があることなど、爆笑エピソードを交えて解説します
14:10休憩
14:20講師: 吉田芳男 (特殊法人ェックス日本)
演題 「中抜きビジネスの真髄」 *
この世は食うか食われるか
搾取する側に回れ
良心の呵責を無視せよ
他人の労働の上前を撥ねろ
人間万事塞翁が馬
これぞポジショントーク。”利権にこだわる” 吉田先生による目から鱗の講演です。
* 著書の即売会・握手会あり
15:30閉会
16:00懇親会 (隣のコンビニイートインにて)

こんな感じで、
「テーブルを利用したいんだけど、セルの中に書くことが多くて」みたいなときに便利です。

機能・特徴

最小限の機能しか持たせていないため軽量です。

概要

見出しのようにテキストを大きく
箇条書きa
箇条書きb
箇条書きc
​​セル内に [ 区切り線 ] を挿入可能に
なお、区切り線は Backspace で削除できます。​​番号付きリスト
番号付きリスト
番号付きリスト
テーブルセル内では、通常このくらいの行間(一続きの段落と同等の扱いで)でテキストが配置されます。
Enter を押しても、標準テーブルセル内では「改段落」という概念が適用されません。
そこで … 範囲をドラッグで指定して
[ 行間を空ける (上) (下) ] ボタンを押すと、

このように、上部/下部に任意の(0.1行単位で)マージンをとる・調整することができます🙂
文字単位 トの大きさえられます。文字色の変更は、ドラッグで範囲指定 ~ 標準機能の「ハイライト」からどうぞ

すべての機能は、WordPress標準の *テーブルブロック(core/table)のセル内のみ* でインライン装飾メニューに表示されます。

管理画面

上記テーブルを作成した際のスクリーンショットです。インライン書式の拡張がどのようになされるかをご覧ください。(クリックで拡大)

ドラッグで範囲選択 → インライン装飾メニュー展開 → 意図する書式を選択、という要領です。

テキストサイズ変更

大 (125%) 、標準 (100%) 、小 (85%) の3サイズ。テキストをドラッグ選択した状態で各ボタンをクリックします。再クリックで解除。

疑似リスト変換(箇条書き・番号付き)

テキストを選択(複数行ドラッグ選択可)してボタンをクリックします。  
各行が span 要素で囲まれ、CSS により箇条書き・番号付きリスト風に表示されます。  
同じ選択範囲でボタンを再クリックすると解除してプレーンテキストに戻ります。

*注: Gutenberg の RichText は テーブルセル内の ul / ol / li 要素をサニタイズするため、span 要素+CSS による疑似的なリスト表現を採用しています。HTML ソース上では ul / ol / li は生成されません。

区切り線の挿入

ボタンをクリックすると、カーソル位置に区切り線を挿入します。Backspaceキーで削除できます。

*注: Gutenberg によるサニタイズ回避のため、 hr 要素ではなく span 要素 + CSS で疑似的な hr 水平線を表現します。

行間を空ける

テキストをドラッグで選択してボタンをクリックすると、指定したテキストの上部/下部にマージンをとれます。スライダを動かして、0.1行単位で調整可能です。

ダウンロード

プラグイン本体

動作要件

  • WordPress 6.4 以上
  • PHP 8.2 以上を推奨(最低 7.4 以上)
  • Gutenberg ブロックエディター使用時

インストール

  1. WordPress 管理画面 > プラグイン > プラグインを追加 > プラグインのアップロード >
  2. [参照] ボタンを押す > (PC内の) table-cell-extras-v1.2.0.zip を選択してアップロード
  3. 「Table Cell Extras」を有効化

免責事項

備考

  • 当プラグインの開発には、AI(Claude)の手を大いに借りております。多謝🙇‍♂️
  • ライセンスは GPL-2.0-or-later です。(プラグイン本体に明記)
  • 著作権は当方:ジュウロクデザインに帰属します。(プラグイン本体に明記)

問い合わせ

  • ごめんなさい。原則ノーサポートです。使用方法についてお問い合わせいただいても返信できない場合がほとんどとなります。悪しからずご了承ください。 (例外:直接のお客様のお問い合わせにはもちろん対応させていただきます)
  • WordPress構築、トラブル相談、既存サイトの改修などに関する問い合わせ全般は大歓迎です!🙂 こちらのメールフォーム からご相談いただければ幸いです。

ご相談・お問い合わせは

Tel: 090-8704-9188
または
こちらのメールフォームで