Sebagai seorang WordPress Theme Designer yang setiap harinya berkutat dengan proses pembuatan theme WordPress untuk klien, tidak jarang juga Saya membeli WordPress Theme Premium ataupun mencari versi bajakannya atau juga menggunakan Freemium WP Theme untuk mengamati perkembangan fitur yang ditawarkan oleh masing-masing theme Developer. Dari seringnya mencoba tersebut, Ken Reidy mendapati masih cukup banyaknya developer yang ‘mengaku’ sebagai WP Theme Developer namun tidak mengikuti standarisasi yang berlaku di WordPress. Contoh sederhana seringkali terlihat pada saat pemanggilan skrip Javascript ataupun Cascading Stylesheet (CSS).

Di WordPress anda tidak seharusnya memanggil file JS dan CSS dengan menuliskannya langsung di file header.php atau footer.php anda.

Mengapa ?

Secara singkat dapat saya intisarikan menjadi sebagai berikut:

• Tidak Dinamis
  Dengan meletakkan perintah HTML untuk memanggil Javascript dan CSS di header.php atau footer.php yang berisikan absolute path, anda sebenarnya sedang mempersiapkan diri untuk repot di waktu kemudian. Menuliskan hal-hal yang bersifat statis di platform dinamis.
• Tidak efisien
  Dengan menuliskan markup HTML untuk memanggil JS dan CSS langsung kedalam file header.php atau footer.php, anda berpotensi untuk membuat pemanggilan-pemanggilan file menjadi tidak efisien. Butuh atau tidak, semuanya harus dipanggil. Selain memperlama waktu akses, ini juga dapat membuat kamu menghabiskan bandwidth lebih banyak dari yang seharusnya.
• Tidak efektif
  Memanggil file yang tidak dibutuhkan untuk apa ?
• Rentan bermasalah pada kompatibilitas
  Apabila skrip yang anda letakkan tersebut misalnya adalah jQuery plugin yang Anda implementasikan kedalam WordPress, maka hal tersebut rentan untuk inkompatibel manakala pada saat yang berlainan anda juga menginstal plugin WordPress yang kebetulan menggunakan pustaka (library) yang sama.
• It’s Not a WordPress Way
  Ya, jika Anda mengaku sebagai orang yang paham WordPress / sangat mendalami WordPress tentunya Anda juga harus menunjukkan pada pihak lain cara penggunaan fitur-fitur WordPress secara tepat.

Cara Benar Memanggil JS dan CSS di WordPress

Untuk memanggil JS dan CSS di WordPress, caranya adalah dengan menggunakan wp_enqueue_script dan wp_enqueue_style. Silakan lihat Codex untuk wp_enqueue_script dan wp_enqueue_style.

Walaupun sebenarnya fungsi wp_enqueue_script ataupun wp_enqueue_style dapat langsung anda tuliskan di header.php atau footer.php, sangat disarankan agar Anda tidak menuliskannya langsung. Lebih baik meletakkannya di file functions.php atau meletakkannya di file terpisah. Ini akanmembantu anda dalam proses development jangka panjang, terlebih jika Anda menggeluti bidang WordPress Theme Development yang seringkali harus melakukan pekerjaan yang hampir sama.

Jika Anda membaca cukup teliti dari halaman codex anda tentu mengetahui bahwasannya anda bisa terlebih dahulu meregistrasi JS dan CSS anda menggunakan wp_register_script dan wp_register_style. Lalu meng-enqueue-nya kemudian saat dibutuhkan.

Adapun saya sendiri bersama tim di WebDesignSurabaya.com lebih memilih untuk membuatkan PHP Class tersendiri untuk meregistrasi seluruh scripts dan styles. Masing-masing, kami buatkan file terpisah (misal saja kami namai dengan styles.php dan scripts.php).

Hal tersebut kami pilih dengan alasan fleksibilitas untuk pengembangan dimana seringkali kami harus menggunakan cukup banyak CSS dan JS dalam sebuah theme WordPress yang dibuat. Dengan meletakkannya di file terpisah, manajemen file menjadi lebih mudah.