【WordPress】設定画面へラジオボタンやチェックボックスを追加で完成形へ

// コールバック）ブログ情報：タイトル
function jin_test_setting_field_callback_title() {
	$value = get_option( 'item_title' );
	// inputタグのvalue属性として出力するので、esc_attr でエスケープします
	echo '<input name="item_title" id="field_id_title" type="text" maxlength="100" value="' . esc_attr( $value ) . '" />';
}

// コールバック）ブログ情報：説明
function jin_test_setting_field_callback_description() {
	$value = get_option( 'item_description' ); // 3行目：データ取得
	?>
	<textarea name="item_description" id="field_id_description" rows="2" cols="30" maxlength="200"><?php echo esc_textarea( $value ); ?></textarea>
	<p>どんなブログかの簡単な説明</p>
	<?php
}

// ------------------------------------
// 手順１）「メニュー情報」の登録
// ------------------------------------
add_action( 'admin_menu', 'jin_test' );

function jin_test() {
	add_options_page(
		'JIN Test Settings',     // ① ページタイトル
		'JINテスト用設定',        // ② メニュー名
		'manage_options',        // ③ ユーザー権限
		'jin-test-setting-slug', // ④ メニューのスラッグ
		'jin_test_setting_func'  // ⑤ 表示用関数名
	);
}

// ------------------------------------
// 手順２）「設定画面」のHTML表示
// ------------------------------------
function jin_test_setting_func() {
	?>
	<div class="wrap">
		<h1>JINのテスト用設定画面なのだ</h1>
		<form method="post" action="options.php">
			<?php
			settings_fields( 'jin-test-setting-field-group' );
			do_settings_sections( 'jin-test-setting-slug' );
			submit_button();
			?>
		</form>
	</div>
	<?php
}

/* ------------------------------------
  セクションの追加
------------------------------------ */
add_action( 'admin_init', 'jin_test_setting_section_init' );

function jin_test_setting_section_init() {
	// ブログ情報のセクション１
	add_settings_section( 'jin_test_setting_section_id1', 'ブログ情報', 'jin_test_setting_section_callback1', 'jin-test-setting-slug' );

	// 管理者情報のセクション２
	add_settings_section( 'jin_test_setting_section_id2', '管理者情報', 'jin_test_setting_section_callback2', 'jin-test-setting-slug' );
}

function jin_test_setting_section_callback1() {
	echo '<p>ブログの情報を入力してね</p>';
}

function jin_test_setting_section_callback2() {
	echo '<p>管理者の情報を入力してね</p>';
}

/* ------------------------------------
  フィールド（入力項目）の追加
------------------------------------ */
add_action( 'admin_init', 'jin_test_settings_fields_init' );

function jin_test_settings_fields_init() {
	// URL（セクション1）
	add_settings_field(
		'field_id_url',                        // ① ID
		'URL',                                 // ② タイトル
		'jin_test_setting_field_callback_url', // ③ コールバック関数
		'jin-test-setting-slug',               // ④ 設定画面のスラッグ
		'jin_test_setting_section_id1',        // ⑤ セクションID
		[ 'label_for' => 'field_id_url' ]      // ⑥ 配列（labelタグ用）
	);

	// タイトル（セクション1）
	add_settings_field(
		'field_id_title',
		'タイトル',
		'jin_test_setting_field_callback_title',
		'jin-test-setting-slug',
		'jin_test_setting_section_id1',
		[ 'label_for' => 'field_id_title' ]
	);

	// 説明（セクション1）
	add_settings_field(
		'field_id_description',
		'説明',
		'jin_test_setting_field_callback_description',
		'jin-test-setting-slug',
		'jin_test_setting_section_id1',
		[ 'label_for' => 'field_id_description' ]
	);

	// 性別（セクション2）
	add_settings_field(
		'field_id_gender',
		'性別',
		'jin_test_setting_field_callback_gender',
		'jin-test-setting-slug',
		'jin_test_setting_section_id2'
	);

	// 興味（セクション2）
	add_settings_field(
		'field_id_interest',
		'興味',
		'jin_test_setting_field_callback_interest',
		'jin-test-setting-slug',
		'jin_test_setting_section_id2'
	);

	// 自己紹介（セクション2）
	add_settings_field(
		'field_id_selfintro',
		'自己紹介',
		'jin_test_setting_field_callback_selfintro',
		'jin-test-setting-slug',
		'jin_test_setting_section_id2',
		[ 'label_for' => 'field_id_selfintro' ]
	);
}

/* ------------------------------------
  各フィールドの表示（コールバック関数）
------------------------------------ */

// URL
function jin_test_setting_field_callback_url() {
	$value = get_option( 'item_url' );
	echo '<input name="item_url" id="field_id_url" type="text" maxlength="200" value="' . esc_url( $value ) . '" />';
}

// タイトル
function jin_test_setting_field_callback_title() {
	$value = get_option( 'item_title' );
	echo '<input name="item_title" id="field_id_title" type="text" maxlength="100" value="' . esc_attr( $value ) . '" />';
}

// 説明
function jin_test_setting_field_callback_description() {
	$value = get_option( 'item_description' );
	?>
	<textarea name="item_description" id="field_id_description" rows="2" cols="30" maxlength="200"><?php echo esc_textarea( $value ); ?></textarea>
	<p>どんなブログかの簡単な説明</p>
	<?php
}

// 性別（ラジオボタン）※name属性のミスを修正済
function jin_test_setting_field_callback_gender() {
	$gender = get_option( 'item_gender' );
	?>
	<label><input type="radio" name="item_gender" value="男性" <?php checked( $gender, '男性' ); ?>>男性</label>
	<label><input type="radio" name="item_gender" value="女性" <?php checked( $gender, '女性' ); ?>>女性</label>
	<label><input type="radio" name="item_gender" value="秘密" <?php checked( $gender, '秘密' ); ?>>秘密</label>
	<?php
}

// 興味（チェックボックス：改善版）
function jin_test_setting_field_callback_interest() {
	$interest = get_option( 'item_interest', [] );
	if ( ! is_array( $interest ) ) {
		$interest = [];
	}
	?>
	<label><input type="checkbox" name="item_interest[]" value="旅行" <?php checked( in_array( '旅行', $interest ) ); ?>>旅行</label>
	<label><input type="checkbox" name="item_interest[]" value="IT" <?php checked( in_array( 'IT', $interest ) ); ?>>IT</label>
	<label><input type="checkbox" name="item_interest[]" value="遊び" <?php checked( in_array( '遊び', $interest ) ); ?>>遊び</label>
	<?php
}

// 自己紹介
function jin_test_setting_field_callback_selfintro() {
	$selfintro = get_option( 'item_selfintro' );
	?>
	<textarea name="item_selfintro" id="field_id_selfintro" rows="2" cols="30" maxlength="200"><?php echo esc_textarea( $selfintro ); ?></textarea>
	<p>ブログの管理者はどんな人か簡単な自己紹介</p>
	<?php
}

/* ------------------------------------
  サニタイズ（専用関数）
------------------------------------ */
function sanitize_item_interest( $args ) {
	if ( empty( $args ) ) {
		return [];
	}
	return array_map( 'sanitize_text_field', (array) $args );
}

/* ------------------------------------
  設定値と初期値の登録
------------------------------------ */
add_action( 'admin_init', 'jin_test_settings_values_init' );

function jin_test_settings_values_init() {
	// 初期値
	$item_title_init       = '';
	$item_description_init = '';
	$item_gender_init      = '秘密';
	$item_interest_init    = [];
	$item_selfintro_init   = '';

	// URL項目の初期設定
	if ( false === get_option( 'item_url' ) ) {
		update_option( 'item_url', 'http://' );
	}

	// 設定値の登録（サニタイズを強化）

	// URL
	register_setting(
		'jin-test-setting-field-group', // ① グループ名
		'item_url',                     // ② 項目名
		'esc_url_raw'                   // ③ サニタイズ関数
	);

	// タイトル
	register_setting(
		'jin-test-setting-field-group',
		'item_title',
		[
			'sanitize_callback' => 'sanitize_text_field', // サニタイズ
			'default'           => $item_title_init,      // 初期値
		]
	);

	// 説明
	register_setting(
		'jin-test-setting-field-group',
		'item_description',
		[
			'sanitize_callback' => 'sanitize_textarea_field',
			'default'           => $item_description_init,
		]
	);

	// 性別
	register_setting(
		'jin-test-setting-field-group',
		'item_gender',
		[
			'sanitize_callback' => 'sanitize_text_field',
			'default'           => $item_gender_init,
		]
	);

	// 興味（チェックボックス用）
	register_setting(
		'jin-test-setting-field-group',
		'item_interest',
		[
			'sanitize_callback' => 'sanitize_item_interest', // 自作サニタイズ関数
			'default'           => $item_interest_init,
		]
	);

	// 自己紹介
	register_setting(
		'jin-test-setting-field-group',
		'item_selfintro',
		[
			'sanitize_callback' => 'sanitize_textarea_field',
			'default'           => $item_selfintro_init,
		]
	);
}