【WordPress】投稿画面に確認チェックボックスを追加して公開前の確認を促す方法

<?php
// チェックボックスを追加
function add_confirmation_checkbox_meta_box() {
    add_meta_box(
        'confirm_before_publish',
        '公開前チェック',
        'render_confirmation_checkbox',
        'post',
        'side',
        'high'
    );
}
add_action('add_meta_boxes', 'add_confirmation_checkbox_meta_box');

function render_confirmation_checkbox($post) {
    $value = get_post_meta($post->ID, '_confirm_before_publish', true);
    wp_nonce_field('confirm_checkbox_nonce_action', 'confirm_checkbox_nonce');
    echo '<label><input type="checkbox" name="confirm_checkbox" value="1"' . checked($value, '1', false) . ' /> 公開前に確認しました</label>';
}

// 保存時にチェック状態を保存
function save_confirmation_checkbox($post_id) {
    if (
        defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ||
        !isset($_POST['confirm_checkbox_nonce']) ||
        !wp_verify_nonce($_POST['confirm_checkbox_nonce'], 'confirm_checkbox_nonce_action')
    ) {
        return;
    }

    $checked = isset($_POST['confirm_checkbox']) ? '1' : '';
    update_post_meta($post_id, '_confirm_before_publish', $checked);
}
add_action('save_post', 'save_confirmation_checkbox');
?>

<?php
function block_publish_if_unchecked($post_data, $post_array) {
    if (
        $post_data['post_status'] === 'publish' ||
        $post_data['post_status'] === 'future'
    ) {
        // postmetaは今回のリクエストではまだ更新されていない
        // （save_postはこのフィルターより後に発火するため）ので、
        // 今回送信された$_POSTを直接確認する
        $nonce_ok = isset($_POST['confirm_checkbox_nonce'])
            && wp_verify_nonce($_POST['confirm_checkbox_nonce'], 'confirm_checkbox_nonce_action');

        if (!$nonce_ok || !isset($_POST['confirm_checkbox'])) {
            wp_die('公開前の確認チェックを行ってください。<br><a href="' . esc_url(admin_url('post.php?post=' . $post_array['ID'] . '&action=edit')) . '">戻る</a>');
        }
    }
    return $post_data;
}
add_filter('wp_insert_post_data', 'block_publish_if_unchecked', 10, 2);
?>

<?php
function enqueue_confirm_prepublish_panel() {
    wp_enqueue_script(
        'confirm-prepublish-panel',
        get_template_directory_uri() . '/block-template/confirm-prepublish-panel.js',
        array( 'wp-plugins', 'wp-editor', 'wp-element', 'wp-components', 'wp-data' ),
        filemtime( get_template_directory() . '/block-template/confirm-prepublish-panel.js' )
    );
}
add_action( 'enqueue_block_editor_assets', 'enqueue_confirm_prepublish_panel' );
?>

(function (plugins, editor, components, element, data) {
    var registerPlugin = plugins.registerPlugin;
    var PluginPrePublishPanel = editor.PluginPrePublishPanel;
    var CheckboxControl = components.CheckboxControl;
    var useState = element.useState;
    var useEffect = element.useEffect;
    var useDispatch = data.useDispatch;
    var el = element.createElement;

    var LOCK_NAME = 'confirm-checklist-lock';

    function ConfirmPrePublishCheck() {
        var state = useState(false);
        var isChecked = state[0];
        var setIsChecked = state[1];
        var editorDispatch = useDispatch('core/editor');

        useEffect(function () {
            if (isChecked) {
                editorDispatch.unlockPostSaving(LOCK_NAME);
            } else {
                editorDispatch.lockPostSaving(LOCK_NAME);
            }
        }, [isChecked]);

        return el(
            PluginPrePublishPanel,
            { title: '公開前チェック', initialOpen: true },
            el(CheckboxControl, {
                label: '公開前に確認しました',
                checked: isChecked,
                onChange: setIsChecked
            })
        );
    }

    registerPlugin('confirm-pre-publish-check', {
        render: ConfirmPrePublishCheck
    });
})(
    window.wp.plugins,
    window.wp.editor,
    window.wp.components,
    window.wp.element,
    window.wp.data
);

array('post', 'custom_post_type')