リアルタイムコラボレーション有効化時のメタボックスの扱い方（例）

/***** メタボックスの表示とカスタムフィールドの更新 *****/
function pwcn_add_plugin_slug_panel() {
	add_meta_box(
		'pwcn-plugin-slug-panel', // 編集画面セクションのHTML要素のID
		'プラグインのスラグ', // 編集画面セクションのタイトル
		'pwcn_add_plugin_slug_callback', // 編集画面セクションにHTML出力する関数
		'post', // 投稿タイプ
		'normal',// 編集画面セクションが表示される部分
		'high'//位置
	);
}
add_action('add_meta_boxes', 'pwcn_add_plugin_slug_panel');

/* メタボックスの内容 */
function pwcn_add_plugin_slug_callback(){

	$slug = get_post_meta(get_the_ID(), 'pwcn_pluginslug', true);

?>

<textarea name="pwcn_pluginslug" id="pwcn_pluginslug" cols="100" rows="1"><?php echo $slug; ?></textarea>

<?php
}

/***** カスタムフィールドの値を保存する処理 *****/
function pwcn_plugin_slug_save($post_id){

//自動保存では更新しない
if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) 
	return $post_id;

//一括更新では更新しない
if(isset($_POST['action']) && $_POST['action'] == 'inline-save') 
	return $post_id;

//情報の更新
if(isset($_POST['pwcn_pluginslug'])){
	update_post_meta($post_id, 'pwcn_pluginslug', $_POST['pwcn_pluginslug']);
} else {
		delete_post_meta($post_id, 'pwcn_pluginslug');
}
}
add_action('save_post', 'pwcn_plugin_slug_save');

/***** メタボックスの表示とカスタムフィールドの更新 *****/
function pwcn_add_plugin_slug_panel() {
	// コラボ有効なら true、無効なら false
	$is_rtc = ( get_option( 'wp_collaboration_enabled' ) === '1' );

	add_meta_box(
		'pwcn-plugin-slug-panel', // 編集画面セクションのHTML要素のID
		'プラグインのスラグ', // 編集画面セクションのタイトル
		'pwcn_add_plugin_slug_callback', // 編集画面セクションにHTML出力する関数
		'post', // 投稿タイプ
		'normal',// 編集画面セクションが表示される部分
		'high',//位置
		array(
			'__back_compat_meta_box' => $is_rtc,
		)
	);
}
add_action('add_meta_boxes', 'pwcn_add_plugin_slug_panel');

/* メタボックスの内容 */
function pwcn_add_plugin_slug_callback(){

	$slug = get_post_meta(get_the_ID(), 'pwcn_pluginslug', true);

?>

<textarea name="pwcn_pluginslug" id="pwcn_pluginslug" cols="100" rows="1"><?php echo $slug; ?></textarea>

<?php
}

/***** カスタムフィールドの値を保存する処理 *****/
function pwcn_plugin_slug_save($post_id){
	//コラボ有効なら更新しない
	if ( get_option( 'wp_collaboration_enabled' ) === '1' ) {
		return $post_id;
	}

//自動保存では更新しない
if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) 
	return $post_id;

//一括更新では更新しない
if(isset($_POST['action']) && $_POST['action'] == 'inline-save') 
	return $post_id;

//情報の更新
if(isset($_POST['pwcn_pluginslug'])){
	update_post_meta($post_id, 'pwcn_pluginslug', $_POST['pwcn_pluginslug']);
} else {
		delete_post_meta($post_id, 'pwcn_pluginslug');
}
}
add_action('save_post', 'pwcn_plugin_slug_save');

function pwcn_rtc_alert_message(){
	$handle = 'pwcn-rtc-message';

	wp_enqueue_script(
		$handle,
		get_template_directory_uri() . '/rtc-message.js',
		array('wp-plugins', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-components', 'wp-data', 'wp-core-data'),
		time(),
	true
	);

	wp_localize_script( $handle, 'pwcnL10n', array(
		'isRtc' => ( get_option( 'wp_collaboration_enabled' ) === '1' ),
		'rtcNotice' => __( '現在、共同編集モードが有効なため、一部のカスタム設定は非表示になっています。', 'text-domain' ),
	) );
}
add_action('enqueue_block_editor_assets','pwcn_rtc_alert_message');

( function() {
	// WPのライブラリがロードされ、DOMの準備ができるのを待つ
	wp.domReady( function() {
		const { subscribe, dispatch, select } = wp.data;
        
		// PHPから渡された情報がない、またはコラボ中でない場合は何もしない
		if ( ! window.pwcnL10n || ! window.pwcnL10n.isRtc ) {
			return;
		}

		let hasNotified = false;

		const unsubscribe = subscribe( function() {
			// エディタの準備が完了したかチェック
			// (select('core/editor') が取得できるまで待機)
			const editorSelect = select( 'core/editor' );
			if ( ! editorSelect ) return;

			const isReady = editorSelect.__unstableIsEditorReady();
            
			if ( isReady && ! hasNotified ) {
				hasNotified = true;

				dispatch( 'core/notices' ).createNotice(
					'warning',
					window.pwcnL10n.rtcNotice,
					{
						 isDismissible: true,
						type: 'default', // エディタ上部に固定表示
					}
				);
                
				unsubscribe();
			}
		} );
	} );
} )();