フォーラムへの返信
-
TablePressプラグインでショートコードを貼り付けるとか、TinyMCE Advancedで装飾ごとつくってしまうか考えたのですが、やはりgutenbergでテーブルブロックでやるのがシンプルなのかぁと思っています。
もちろん TablePress や TinyMCE Advanced が良いよ！という方もいると思います！僕はどちらも使ったことがないので、ブロックエディターのテーブルブロックでやる方法を…。
こんな感じでテーブルブロックで形をつくって、高度な設定のところに適当なオリジナルのクラス名を設定してください。
そして、下記の CSS をカスタマイザー > 追加 CSS に追加してください。クラス名が
.my-tableの想定で書いていますので、クラス名を変更する場合は適当に書き換えてください。.my-table td { white-space: nowrap; background-color: #fff; text-align: center; } .my-table tr:first-child td { background-color: #fafafa; } .my-table td:first-child { background-color: #f0f5f6; } .my-table tr:first-child td:first-child { background-color: #fff; }するとこうなります。
Who liked: No user
