cara menambahkan css dan scripts ke dalam plugin wordpress

cara menambahkan file javascript dan css kedalam wordpress plugin

1. jika anda telah mempunyai plugin maka tambahkan scritps berikut kedalam file plugin anda

function tambah_scripts_basic()

{

   /* /js/custom-script.js adalah letak dari file js kita

      wp_register_script(); adalah function dari wordpress untuk menambahkan file js kedalam wordpress

*/

    wp_register_script( 'custom-script', plugins_url( '/js/custom-script.js', __FILE__ ) );

/*exekusi function register diatas*/

    wp_enqueue_script( 'custom-script' );

}

 

/*action dari function diatas*/

add_action( 'wp_enqueue_scripts', 'tambah_scripts_basic' );

sekarang coba cek di wordpress anda apakan file custom-script.js sudah muncul atau belum?

jika belum maka coba cek script anda mungkin ada yang salah

sekarang mari kita coba untuk register file css kita...

cara nya hampir sama dengan kode diatas

function tambah_styles_with_the_lot()

{in:

    wp_register_style( 'custom-style', plugins_url( '/css/custom-style.css', __FILE__ ), array(), '20120208', 'all' );

    wp_enqueue_style( 'custom-style' );

}

add_action( 'wp_enqueue_scripts', 'tambah_styles_with_the_lot' );

 
coba cek kode diatas penjelasan nya hampir sama hanya kalo yang diatas adalah script kalo sekarang adalah style...

ok selamat mencoba..

Share this post