ブロックエディターのテキスト設定パネルの制限をしたりカスタマイズする方法
オフにする
カスタムサイズをオフにする
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に設定した順にセレクトボックスに表示されます。