【WordPress】wp_localize_scriptの使い方｜JavaScriptにPHPの値を渡す方法

<?php
function my_enqueue_scripts() {
  // JSファイルを読み込み
  wp_enqueue_script(
    'my-script',
    get_template_directory_uri() . '/assets/js/my-script.js',
    ['jquery'],
    '1.0.0',
    true
  );

  // PHPの値を渡す
  wp_localize_script('my-script', 'MyData', [
    'ajaxUrl' => admin_url('admin-ajax.php'),
    'nonce'   => wp_create_nonce('my_nonce'),
    'message' => 'こんにちは、JavaScript！'
  ]);
}
add_action('wp_enqueue_scripts', 'my_enqueue_scripts');

console.log(MyData.ajaxUrl); // Ajax送信先URL
console.log(MyData.nonce);   // セキュリティ用nonce
console.log(MyData.message); // 任意の文字列

// my-script.js
jQuery(function($) {
  $('#send').on('click', function() {
    $.post(MyData.ajaxUrl, {
      action: 'my_action',
      _ajax_nonce: MyData.nonce,
      value: 'テスト送信'
    }, function(response) {
      alert(response);
    });
  });
});

<?php
function my_ajax_handler() {
  check_ajax_referer('my_nonce');

  $value = sanitize_text_field($_POST['value']);
  wp_send_json_success("受け取った値: " . $value);
}
add_action('wp_ajax_my_action', 'my_ajax_handler');
add_action('wp_ajax_nopriv_my_action', 'my_ajax_handler');

wp_localize_script('my-script', 'MyData', [
  'endpoints' => [
    'ajax' => admin_url('admin-ajax.php'),
    'rest' => esc_url(rest_url())
  ],
  'user' => [
    'id'   => get_current_user_id(),
    'name' => wp_get_current_user()->display_name
  ],
  'settings' => [
    'themeColor' => '#02a1cd'
  ]
]);