ブロックエディタのテーブルで一部の列に色を付けたいです。クラシックエデ…

momo2022.01.26 18:03

ブロックエディタのテーブルで一部の列に色を付けたいです。

クラシックエディタのプラグイン『TinyMCE Advanced』を使うと任意のセルに色を付けられますが、クラシックエディタを使わずに
ブロックエディタのテーブル機能でセルに色を付ける方法を教えてください。
コードエディターでの編集も覚悟しています。
よろしくお願いいたします。

共感した 0閲覧数 101回

みんなのコメント 6件

ベストアンサー

td っていうタグに style="background-color:#dddddd;" とかって入れると良いですよ🤗（画像参照）

momoさん質問者2022.01.28 07:38

Kiryu@キリュログさん
ご丁寧にありがとうございます
今夜、自宅に戻ったら試してみます

momoさん質問者2022.02.06 14:31

ありがとうございました
解決しました

調べたら結構簡単に情報出てきました。参考にしてください。
https://reach-rh.com/table/#index_id7

momoさん質問者2022.01.26 22:22

@j_jetstreamさん
ご返信ありがとうございます
教えていただいたサイトは
『TinyMCE Advanced』プラグイン
を使用されているようでした
このプラグインはブロックエディタに移行する以前に使っており
テーブルの詳細設定ができることは存じ上げています

今の私の環境
アフィンガー6+ブロックエディター
で『TinyMCE Advanced』を利用するとデザイン崩れが起きるケースがあるため
プラグインを使わずにブロックエディターのテーブル機能を中心に作成したいと考えています

違います。プラグイン云々ではなく、要は CSS ということです。

ブロックエディター（のビジュアルエディター）で個別のセルの背景色を変えるのは、おそらく今のところ機能として提供されていないはず。

ただし、予め作成したテーブルに対し、コードエディターから CSS 要素を追記すれば、セルごとに背景色を変更することができるようになるかと思います。

momoさん質問者2022.01.28 07:39

@j_jetstreamさん
アドバイスどうもありがとうございます
参考になります

あなたの経験や知識を共有しませんか？

ほかのユーザーの相談に、コメントで参加してみましょう。