16Deza Table Cell Extras

16Deza Table Cell Extras

16Deza Table Cell Extras

Why？

So,

そこで🙂 当プラグインは
WordPress標準のテーブルセル内で指定可能な書式/装飾を、ほんの少しだけ拡張します。

So, this plugin slightly extends the formatting/decoration options available within standard WordPress table cells.

使用例 １

催事のタイムテーブルなど、セルの中に書くことが多いときに便利です。

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

使用例 2

先頭列を <th> として任意の背景色を設定できます。左列が見出しとなる表の作成時に便利です。

社名	株式会社凸凹電子
所在地	〒123-4567 ○○県凸凹市××町123
Tel / Fax	Tel: 012-345-6789 / Fax: 012-345-6780
設立	1945年 (昭和20年) 12月
資本金	1,000万円
代表者名	山田 六郎
事業内容	アプリケーション開発 PC/OA機器販売・保守 ITコンサルティング エンジニア派遣

Example 1

It’s useful when you have a lot of text to write within the cells, like a timetable.

12:30	Doors open / Registration begins
13:00	Opening Ceremony Moderator: Taro Yamada (Yamada Deeenki Co., Ltd.)
13:10	​​Lecturer: Tanako Tanaka (Associate Professor, Faculty of Letters, Furin University) Title: “A butterfly flapping in Brazil can cause a tornado in Texas.” Who says it first? The butterfly effect Difference from butter fry So, what was the weather like in Panama then? Every cloud has a silver lining The proverb will be explained with hilarious anecdotes, including the fact that similar proverbs exist in both the East and the West.
14:10	Break
14:20	Lecturer: Yoshio Yoshida (eXs Japan, General Incorporated Association) Title: “The Essence of Rent-seeking Business” * This World is Eat or Be Eaten Become the Exploiter Ignore Your Conscience Skimming off the Top of Others’ Labor Every cloud has a silver lining This is Position Talk. An eye-opening lecture by Professor Yoshida, who “clings to vested interests.” ​* Book Sales and Autograph Session Available
15:30	Closing Ceremony
16:00	Social Gathering (at the convenience store eat-in area next door)

Example 2

You can set a custom background color for the first column, using it as a header. This is useful when creating tables such as company profiles.

Company Name	FooBar Electronics Co.,Ltd
Location	Foo-123, Bar-city, Baz 123-4567, Japan
Tel / Fax	Tel: +81-12-345-6789 / Fax: +81-12-345-6780
Established	December 1945
Capital	10 million yen
President	Yamada Rokuro
Business Overview	Application Development PC/Office Equipment Sales & Maintenance IT Consulting Engineer Dispatch

機能・特徴

シンプル・軽量です。

• 先頭列 th/td 変換
• セル背景色 (行ごと/列ごと/セル個別)
• テキストサイズ変更 (0.75～2.0倍)
• 疑似リスト変換 （箇条書き・番号付き）
• 区切り線の挿入
• 行間を空ける (0.1～2.0行分)
• オプション： テーブルブロック外での拡張書式利用

Functions, Features

Simple and lightweight.

• First-column td/th conversion
• Cell Background Color (individual cells, rows, or columns)
• Variable text size (0.75x to 2x)
• Pseudo-list conversion (bulleted and numbered lists)
• Inserting divider lines
• Row Spacing (0.1 to 2.0 lines)
• Option: Extended Formatting Outside Table Blocks

先頭列 th/td 変換 * ver.1.3.0 新機能 *

先頭列を td (table data) から th (table header) に変換できます。テーブルツールバー内、田んぼの田のアイコン左にある 「最初の列を th に変換」 ボタンを押す → テーマのカラーパレットが開き、背景色を指定できます。

First-column td/th conversion * ｖer.1.3.0 New Feature *

You can convert the first column from `td` (table data) to `th` (table header). Clicking the “Convert First Column to th” button opens the theme color palette, allowing you to specify a background color.

セル背景色 * ver.1.3.0 新機能 *

セルの背景色を 【行ごと】 【列ごと】 【セル個別】 に設定できる機能を追加しました。

Cell Background Color * ver.1.3.0 New Feature *

Added the ability to set background colors for individual cells, rows, or columns.

インライン書式の拡張

見出しのようにテキストを大きく おはよう こんにちは またね ​​セル内に [ 区切り線 ] を挿入可能に なお、区切り線は Backspace で削除できます。​​マイケル フレディ ジャニス	テーブルセル内では、通常このくらいの行間（一続きの段落と同等の扱いで）でテキストが配置されます。 Enter を押しても、標準テーブルセル内では「改段落」という概念が適用されません。 そこで … 範囲をドラッグで指定して [ 行間を空ける (上) (下) ] ボタンを押すと、 このように、上部/下部に任意の（0.1行単位で）マージンをとる・調整することができます🙂
文字単位で テキストの大きさを変えられます。	文字色の変更は、ドラッグで範囲指定 ～ 標準機能の「ハイライト」からどうぞ

WordPress標準テーブルブロックのセル内で使用できるインライン書式メニューが拡張され、自由度と使い勝手が向上します。

Extended Inline Formatting

Enlarge text like a heading Hello World Bye[Divider lines] can now be inserted within cells. Note: Divider lines can be deleted with Backspace. ​Michael Freddie Janis	Within table cells, text is usually positioned with this much line spacing (treated the same as a continuous paragraph). Paragraph breaks are not applied within standard table cells. By dragging to select a range and pressing the [Add spacing (top) (bottom)] button, you can add/adjust margins to the top/bottom (in 0.1-line increments) as shown here. 🙂
You can change the text size character by character.	To change the text color, select a range by dragging and use the standard “Highlight” function.

This plugin extends the inline formatting menu available within the cells of standard table block, improving the usability of WordPress standard table block.

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

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

Screenshots: The above table in admin editor. See how the inline formatting is extended. (Click to enlarge)

The process is: Drag to select a range → Expand the inline formatting menu → Select the desired formatting.

Variable text size (0.75x to 2x) * improved in ver.1.3.0 *

With the text selected by dragging, select the [Text Size] button from the inline formatting dropdown -> adjust the size using the slider panel. (0.75x to 2x)

Pseudo-list conversion (bulleted and numbered lists)

Select the text (multiple lines can be selected by dragging) and click the button. Each line is enclosed in a `<span>` element and displayed as a bulleted or numbered list using CSS. Clicking the button again with the same selection will deselect it and return it to plain text.

*Note: Gutenberg’s RichText uses a pseudo-list representation with `<span>` elements and CSS to sanitize `<ul>`, `<ol>`, and `<li>` elements within table cells. `<ul>`, `<ol>`, and `<li>` elements are not generated in the HTML source.

区切り線の挿入

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

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

Inserting divider lines

Clicking the button inserts a divider at the cursor position. It can be deleted with the Backspace key.

*Note: To avoid sanitization by Gutenberg, a pseudo-`<hr>` horizontal line is represented using `<span>` elements and CSS instead of `<hr>` elements.

行間を空ける (0.1～2.0行分)

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

Row Spacing (0.1 to 2.0 lines)

Drag to select text and click the button to add margins to the top/bottom of the specified text. The slider allows adjustment in 0.1 line increments.

おまけ

テーブルブロック外での拡張書式利用 * ver.1.3.0 新機能 *

オプション設定にて、上記インライン書式の拡張をテーブルブロック外でも有効にすることができます。

（左列メニュー 設定 > Table Cell Extras より、チェックボックスをONにするだけ）

Option

Extended Formatting Outside Table Blocks * ver.1.3.0 New Feature *

Additionally, extended inline formatting can optionally be enabled outside of table blocks.

(Simply check the checkbox in: Settings > Table Cell Extras)

Download

16Deza Table Cell Extras

16Deza Table Cell Extras

動作要件

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

Requirements

• WordPress 6.4 or higher
• Reccomended: PHP 8.2 or higher (at least 7.4)
• Gutenberg Block Editor

インストール

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

Installation

1. WordPress admin > Plugins > Add Plugin > Upload Plugin >
2. [Browse] Button > Select (in your PC) table-cell-extras-v1.x.x.zip and Upload
3. Activate “16Deza Table Cell Extras”

免責事項

• ご利用は自己責任でどうぞ。 * フリーウェア自己責任の原則 / GPLライセンス 自己責任
• 利用に伴ういかなる問題・損害についても、何ら補償はいたしかねます。

Disclaimer

• Use at your own risk. * Principles of Freeware and Self-Responsibility / GPL license
• I cannot provide any compensation for any problems or damages arising from use.
• Sorry, I am usually unable to reply to inquiries regarding usage. (only provide services to customers who directly request website creation and maintenance)

備考

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

Notes

• This plugin was developed with the help of AI (Claude). Many thanks!🙇‍♂️
• License: GPL-2.0-or-later (As stated in the plugin)
• Copyright belongs to JuuRokuDesign. (As stated in the plugin)

サポート・問い合わせ

WordPress構築、トラブル相談、既存サイトの改修などに関する問い合わせ全般は大歓迎です🙂 こちらのメールフォーム からご相談いただければ幸いです。

使用方法などをお問い合わせいただいても返信できない場合がほとんどとなります。悪しからずご了承ください。 （例外：直接サイト制作・メンテナンスをご依頼のお客様にはもちろん対応させていただきます）