ブロックエディターの文字サイズ設定を変えてみる

1. add_theme_support( 'editor-color-palette', $arr1 );でカラーパレットを設定。
2. add_theme_support( 'editor-font-sizes', $arr2 );で文字サイズを設定。
3. 文字色が白の場合はadd_theme_support( 'dark-editor-style' );を指定。

array(
	'name'      => _x( 'Regular', 'Name of the regular font size in the block editor', 'twentytwenty' ),
	'shortName' => _x( 'M', 'Short name of the regular font size in the block editor.', 'twentytwenty' ),
	'size'      => 21,
	'slug'      => 'normal',
)

// 上記の連想配列をprint_rで表示
Array
(
    [name] => 通常
    [shortName] => 中
    [size] => 21
    [slug] => normal
)

WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。

/* Block Font Sizes -------------------------- */

.entry-content .has-small-font-size {
	font-size: 0.75em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
	font-size: 0.9em;
}

function twenty20_block_editor_settings() {
	$editor_color_palette = get_theme_support( 'editor-color-palette' );
	$editor_color_palette[0][0]['color'] = '#5326cd';
	add_theme_support( 'editor-color-palette', $editor_color_palette[0] );

	$new_sizes = array(
		'small'		=> 16,
		'normal'	=> 18.5,
	);
	$editor_font_sizes = get_theme_support( 'editor-font-sizes' );
	foreach ( $editor_font_sizes[0] as $i => $set ) {
		if ( isset( $new_sizes[ $set['slug'] ] ) ) {
			$editor_font_sizes[0][$i]['size'] = $new_sizes[ $set['slug'] ];
		}
	}
	add_theme_support( 'editor-font-sizes', $editor_font_sizes[0] );
}

add_action( 'after_setup_theme', 'twenty20_block_editor_settings', 11 );

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