ブロックテーマのサイトエディターで設定した情報を確認する方法

/***** ブロックテーマのグローバルスタイルから値を取得 *****/
function pwcn_get_custom_global_styles_raw() {
	// DBから「そのテーマのグローバルスタイル」の投稿を取得
	$args = array(
		'post_type'      => 'wp_global_styles',
		'post_status'    => 'publish',
		'posts_per_page' => 1,
		'tax_query'      => array(
		array(
			'taxonomy' => 'wp_theme',
			'field'    => 'slug',
			'terms'    => get_stylesheet(), // 現在のテーマ（子テーマ含む）
		),
	),
);

	$styles_post = get_posts($args);

	if ( ! empty($styles_post) ) {
		// post_content に保存されている JSON をデコードして配列にする
		$decoded_data = json_decode($styles_post[0]->post_content, true);
		return $decoded_data;
	}

	return array();
}

/*** サイトエディターで設定されている値を表示するショートコード ***/
function pwcn_get_all_global_styles_info() {
	/* DBからグローバルスタイルの情報を取得 */
	$raw_data = pwcn_get_custom_global_styles_raw(); 

	// データが空、または配列でない場合のチェック
	if ( empty( $raw_data ) || !is_array( $raw_data ) ) {
		return '設定データ（サイトエディターでの保存値）が見つかりません。一度サイトエディターで保存を行ってください。';
	}

	// 特定の主要な情報を抽出
	$output = '<h3>グローバルスタイル設定状況</h3>';
	$output .= '<ul>';
	
	// 背景画像URL
	if ( isset( $raw_data['styles']['background']['backgroundImage']['url'] ) ) {
		$output .= '<li><strong>背景画像URL:</strong> ' . esc_url( $raw_data['styles']['background']['backgroundImage']['url'] ) . '</li>';
	}else{
		$output .= '<li><strong>背景画像URL:</strong>サイトエディター上での変更がないため値はありません</li>';
	}
	
	// 背景画像ID
	if ( isset( $raw_data['styles']['background']['backgroundImage']['id'] ) ) {
		$output .= '<li><strong>背景画像のID:</strong> ' . esc_html( $raw_data['styles']['background']['backgroundImage']['id'] ) . '</li>';
	}else{
		$output .= '<li><strong>背景画像のID:</strong>サイトエディター上での変更がないため値はありません</li>';
	}

	// 背景色
	if ( isset( $raw_data['styles']['color']['background'] ) ) {
		$output .= '<li><strong>背景色:</strong> ' . esc_html( $raw_data['styles']['color']['background'] ) . '</li>';
	}else{
		$output .= '<li><strong>背景色:</strong>サイトエディター上での変更がないため値はありません</li>';
	}

	// テキスト色
	if ( isset( $raw_data['styles']['color']['text'] ) ) {
		$output .= '<li><strong>テキスト色:</strong> ' . esc_html( $raw_data['styles']['color']['text'] ) . '</li>';
	}else{
		$output .= '<li><strong>テキスト色:</strong>サイトエディター上での変更がないため値はありません</li>';
	}
	
	$output .= '</ul>';

	// サイトエディター上で設定された全データを確認するためのアコーディオン
	$output .= '<details style="margin-top:20px; padding:10px; border:1px solid #ccc;">';
	$output .= '<summary style="cursor:pointer;">生データ（JSON構造）を確認する</summary>';
	$output .= '<pre style="background:#f4f4f4; padding:10px; overflow:auto; max-height:400px;">';
	$output .= esc_html( print_r( $raw_data, true ) );
	$output .= '</pre></details>';

	return $output;
}
add_shortcode('theme-setting-list', 'pwcn_get_all_global_styles_info');