Памятка по использованию Javascript в WordPress

Подключение javascript (На сайте)

  1. function prefix_register_scripts() {
  2. wp_register_script( $handle, $src, $deps, $ver, $in_footer );
  3. }
  4. add_action( 'init', 'prefix_register_scripts' );
  5.  
  6. function prefix_enqueue_scripts() {
  7. wp_enqueue_script( $handle );
  8. }
  9. add_action( 'wp_enqueue_scripts', 'prefix_enqueue_scripts' );

Подключение javascript (В админке)

  1. function prefix_register_scripts() {
  2. wp_register_script( $handle, $src, $deps, $ver, $in_footer );
  3. }
  4. add_action( 'admin_init', 'prefix_register_scripts' );
  5.  
  6. function prefix_enqueue_scripts( $hook ) {
  7. wp_enqueue_script( $handle );
  8.  
  9. // Подключить на определенной странице (edit.php)
  10. if( $hook == 'edit.php' ) {
  11. wp_enqueue_script( $handle );
  12. }
  13. }
  14. add_action( 'admin_enqueue_scripts', 'prefix_enqueue_scripts' );

Использование AJAX

  1. function prefix_enqueue_scripts() {
  2. wp_enqueue_script( $my-js-with-ajax );
  3.  
  4. // Установка переменных для дальнейшего ипользования в JS
  5. wp_localize_script( $handle, $object_name, array(
  6. 'ajax_url' => admin_url( 'admin-ajax.php' ),
  7. 'nonce' => wp_create_nonce( $action )
  8. ) );
  9. }
  10. add_action( 'admin_enqueue_scripts', 'prefix_enqueue_scripts' );

После этого вы можете использовать переменные в вашем Javascript (jQuery) файле:

  1. $.post(object_name.ajax_url, {
  2. action: 'prefix_ajax_action',
  3. nonce: object_name.nonce
  4. }, function(data){
  5. //...
  6. });