Cara Hook jQuery ke Halaman Customizer WordPress
Cara Hook jQuery ke Halaman Customizer WordPress

awproject.net – Untuk beberapa keperluan, sebagai developer membutuhkan tambahan bantuan menggunakan javascript atau Jquery. Nah pada kesempatan kali ini kita akan mebahas bagaimana kita mengaitkan jQuery Script ke halaman customizer di WordPress.

Pertama sobat sekalian buka funtions.php di halaman tema wordpress sobat sekalian. Kemudian tambahkan script berikut ini.

if( ! function_exists( 'namatema_custom_customize_enqueue_script' ) ):
  function namatema_custom_customize_enqueue_script() {
    wp_enqueue_script( 'customize-script', get_template_directory_uri() . '/nama-folder/customizer-control.js', array( 'jquery', 'customize-controls' ), false, true );
  }
endif;
add_action( 'customize_controls_enqueue_scripts', 'namatema_custom_customize_enqueue_script' );

Selanjutnya sobat sekalian buat file javascript bernama customizer-control.js untuk foldernya sesuaikan dengan sobat sekalian. Dimana nama-folder bisa diganti dengan folder yang agan sista buat. didalam file tersebut bisa agan isikan kode default wordpress berikut ini :

( function( $ ) {
  "use strict";
  $(document).ready(function() {
     // Disini kode sobat sekalian
     // Bisa langsung menggunakan selector berupa ID atau Class 
     // Input Control Customizer
  });
} )( jQuery );

Atau jika sobat sekalian ingin menggunakan Customizer API bisa mengganti dengan script customizer-control.js dengan kode berikut ini :

;(function () {
  /**
  * Run function when customizer is ready.
  */
  wp.customize.bind( 'ready', function() {
    // Kode Brad Sis Sekalian
  });
})();

Semoga bermanfaat dan berguna. :mrgreen:

widhy980

Blogger, Web Developer & Traveler

Hi, I am from Indonesia, and i have more interest about website development. i have good skill on Codeigniter, Wordpress, HTML x CSS and Bootstrap. have a business? please contact me ... :D

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *