ブロックエディターのテキスト設定パネル

ブロックエディターのテキスト設定パネルを設定する

ブロックエディターのテキスト設定パネルの制限をしたりカスタマイズする方法

オフにする

カスタムサイズをオフにする

add_theme_support( 'disable-custom-font-sizes' );

文字サイズ選択をオフにする

設定の詳細を何も指定しない事でオフになります。

add_theme_support( 'editor-font-sizes' )

サンプル

add_theme_support( 'editor-font-sizes', array(
	array(
		'name' => __( 'Small', 'textdomain' ),
		'size' => 10,
		'slug' => 'small',
	),
	array(
		'name' => __( 'Normal', 'textdomain' ),
		'size' => 14,
		'slug' => 'normal',
	),
	array(
		'name' => __( 'Medium', 'textdomain' ),
		'size' => 18,
		'slug' => 'medium',
	),
	array(
		'name' => __( 'Large', 'textdomain' ),
		'size' => 32,
	),
) );
テキスト設定パネル

name値について

セレクトボックスに表示される名称です。

size値について

フォントサイズを指定します。(単位はpx)

slug値について

識別子となるため、重複できません。
省略は可能。省略した場合、出力HTMLに違いがでます。
またクラス名に使われるため、用意したカラーごとにCSSを用意する必要があります。
 has-{slug}-font-size
normalを指定した場合
CSSクラス名はつかずに初期値となります。また編集画面でリセットを押した際に適用されるサイズになります。

slug指定がある場合の出力サンプル

<p class="has-medium-font-size"></p>

slug指定がない場合の出力サンプル

<p style="font-size:18px"></p>

functions.phpに設定した順にセレクトボックスに表示されます。