[WordPress] Gutenbergにphpで独自のTableスタイルを作成する
いくつか書き方があるが、ヘルパー呼び出してStyleだけで済ませてしまおうという楽なパターン。
1からテーマ作るとかなら、ちゃんとJSXで作った方が多分良いと思う…。
(既存のテーマにちょっと追加したい程度の内容しか書いてないよ)
現時点では、プレーンなものとストライプの2種類しかないので、結構使い勝手が悪い。
わざわざ上書きするくらいなら、新しく作った方が楽…な気がしている。
function.php に追記
register_block_style(
'core/table',
[
'name' => 'original',
'label' => 'オリジナル'
]
);
cssに切り分けずに inline_style にちょっとした内容なら追加するのもあり。
register_block_style(
'core/table',
[
'name' => 'original',
'label' => 'オリジナル',
'inline_style' => 'color: red'
]
);
style.css に追記
name の前に wp-block-quote.is-style が付与される。
.wp-block-quote.is-style-table-original {
color: red;
}