[WordPress] Gutenbergにphpで独自のTableスタイルを作成する

Tech Wordpress

いくつか書き方があるが、ヘルパー呼び出して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;
}