WordPressに値を設定する独自の管理メニューを追加する

<?php
add_action(
	'admin_menu',
	function(){
		// トップメニューを追加
		add_menu_page(
			'管理メニュータイトル'
			, 'テスト用トップメニュー'
			, 'manage_options' 
			, 'top_menu' 
			, 'render_menu_contents' // トップメニューの描画関数
			,'dashicons-networking'
			,0
		);

		// セクションを追加
		add_settings_section(
			'top_menu_section'
			,'セクション'
			,'render_section' //セクションの描画関数
			,'top_menu'
		);
		
		// フィールドを追加
		add_settings_field(
			'key_name'
			,'名前'
			,'render_name_field'  // フィールドの描画関数
			,'top_menu'
			,"top_menu_section"
			,array( 'label_for' => 'key_name' )
		);
		
		// フィールドをグループに登録
		register_setting(
			"top_menu_group"
			,'key_name'
		);
    }
);

// セクションを描画する
function render_section( $args ) {
	?>
		セクションのコンテンツを記載します
		<hr>
	<?
}

// トップメニュー画面を描画する
function render_menu_contents() {
	?>
	<div class = "wrap">
		<h1>テスト用オプション設定</h1>
		<form method = "post" action = "options.php" >
			<?php
 				settings_fields( 'top_menu_group' );  
				do_settings_sections( 'top_menu' ); 
				submit_button( '設定を更新' , 'primary' );
			?>
		</form>
	</div>
	<?
}

// フィールドを描画する
function render_name_field( $args ){
	?>
	<input
		   type="text"
		   name='<?= 'key_name' ?>'
		   value='<?= esc_attr( get_option( 'key_name' ) ) ?>'
			/>
	<?
}

<?php
// トップメニューを追加
add_menu_page(
		'管理メニュータイトル'
		, 'テスト用トップメニュー'
		, 'manage_options' 
		, BASE_SLUG 
		, 'render_menu_contents' // トップメニューの描画関数
		,'dashicons-networking'
		,0
);

// トップメニュー画面を描画する
function render_menu_contents() {
	?>
	<?
}

<?php
// セクションを追加
add_settings_section(
		'top_menu_section'
		,'セクション'
		,'render_section' //セクションの描画関数
		,BASE_SLUG
);

// セクションを描画する
function render_section( $args ) {
	?>
		セクションのコンテンツを記載します
		<hr>
	<?
}

<?php
// フィールドを追加
add_settings_field(
		OPTION_KEY_NAME
		,'名前'
		,'render_name_field'  // フィールドの描画関数
		,BASE_SLUG
		,"top_menu_section"
		,array( 'label_for' => OPTION_KEY_NAME )
);

// フィールドを描画する
function render_name_field( $args ){
	?>
	<input
		   type="text"
		   name='<?= OPTION_KEY_NAME ?>'
		   value='<?= esc_attr( get_option( OPTION_KEY_NAME ) ) ?>'
			/>
	<?
}

<?php
// フィールドグループを設定
register_setting(
		"top_menu_group"
		,OPTION_KEY_NAME
);

<?php
// フィールドグループを設定（sanitize_callbackでバリデーションする）
register_setting(
		"top_menu_group"
		,OPTION_KEY_NAME
		,array(
			'sanitize_callback' => 'sanitize_option_key_name',
		)
);

// 保存前に値をサニタイズする
function sanitize_option_key_name( $value ) {
	// 半角英数字以外は取り除く
	$sanitized = preg_replace( '/[^a-zA-Z0-9]/', '', (string) $value );

	if ( $sanitized === '' ) {
		add_settings_error(
			OPTION_KEY_NAME,
			'invalid_option_key_name',
			'名前は半角英数字で入力してください。'
		);
		// 空文字を返すと保存されてしまうため、変更前の値を維持する
		return get_option( OPTION_KEY_NAME );
	}

	return $sanitized;
}

<?php
// トップメニュー画面を描画する
function render_menu_contents() {
	?>
	<div class = "wrap">
		<h1>テスト用オプション設定</h1>
		<form method = "post" action = "options.php" >
			<?php
				settings_fields( 'top_menu_group' );  
				do_settings_sections( BASE_SLUG ); 
				submit_button( '設定を更新' , 'primary' );
			?>
		</form>
	</div>
	<?
}

<?php
add_action( 'admin_menu', function() {
	// トップメニューを追加
	add_menu_page(
		'管理メニュータイトル',
		'テスト用トップメニュー',
		'manage_options',
		BASE_SLUG,
		'render_menu_contents',
		'dashicons-networking',
		0
	);

	// セクションを追加
	add_settings_section(
		'top_menu_section',
		'セクション',
		'render_section',
		BASE_SLUG
	);

	// フィールドを追加
	add_settings_field(
		OPTION_KEY_NAME,
		'名前',
		'render_name_field',
		BASE_SLUG,
		'top_menu_section',
		array( 'label_for' => OPTION_KEY_NAME )
	);

	// フィールドをグループに登録
	register_setting(
		'top_menu_group',
		OPTION_KEY_NAME
	);
} );

// セクションを描画する（見出しとフィールドの間に出力される）
function render_section( $args ) {
	?>
		セクションのコンテンツを記載します
		<hr>
	<?php
}

// フィールドを描画する（実際の<input>タグをechoする）
function render_name_field( $args ) {
	?>
	<input
		type="text"
		name='<?= OPTION_KEY_NAME ?>'
		value='<?= esc_attr( get_option( OPTION_KEY_NAME ) ) ?>'
	/>
	<?php
}

// トップメニュー画面を描画する
function render_menu_contents() {
	?>
	<div class="wrap">
		<h1>テスト用オプション設定</h1>
		<form method="post" action="options.php">
			<?php
				settings_fields( 'top_menu_group' );
				do_settings_sections( BASE_SLUG );
				submit_button( '設定を更新' , 'primary' );
			?>
		</form>
	</div>
	<?php
}