Tanpa CSS, Anda memiliki pilihan yang sangat terbatas untuk gaya halaman web Anda. Dan tanpa CSS pemuatan dalam WordPress, Anda dapat membuatnya sangat sulit bagi pengguna tema Anda untuk menyesuaikan styling tema.

Dalam tutorial ini, kita akan melihat pada cara yang tepat untuk enqueue CSS ke WordPress.

WordPress saat ini merupakan CMS yang paling populer di dunia, dan memiliki puluhan juta pengguna. Untuk itu kita perlu membuat template wordpress yang maksimal agar mudah dimengerti oleh pengembang selanjutnya.

Cara yang Salah untuk Load CSS di WordPress

Selama bertahun-tahun, WordPress telah tumbuh kerangka kode untuk membuatnya lebih fleksibel, dan antrian CSS dan JavaScript adalah langkah di arah itu. Dengan mengetahui bahwa Wordpress memperkenalkan CSS dan JavaScript enqueueing (antrian), kami terus menambahkan kode ini ke file header.php kami:



atau menambahkan kode di bawah ini ke dalam file functions.php:



Dalam kasus di atas, WordPress tidak dapat menentukan apakah file CSS yang dimuat di halaman atau tidak. Yang mungkin menjadi kesalahan yang fatal.

Jika plugin lain menggunakan file CSS yang sama, itu tidak akan dapat memeriksa apakah file CSS telah dimasukkan dalam halaman. Kemudian plugin load file yang sama untuk kedua kalinya, sehingga duplikasi kode.

Untungnya, WordPress memiliki solusi yang cukup mudah untuk masalah seperti ini: mendaftar dan antrian (enqueueing) stylesheet.

Cara yang benar untuk Load CSS di WordPress

Seperti yang kita katakan sebelumnya, WordPress telah berkembang banyak selama bertahun-tahun dan kami harus berpikir tentang setiap pengguna WordPress di dunia ini.



Selain mereka, kami juga harus mengambil ribuan plugin WordPress ke rekening. Tapi jangan biarkan angka-angka besar menakut-nakuti Anda: Wordpress memiliki fungsi yang cukup berguna bagi kita untuk benar memuat gaya CSS ke WordPress.

Mendaftarkan Berkas CSS

Jika Anda akan memuat stylesheet CSS, Anda harus mendaftarkan terlebih dahulu dengan

wp_register_style() function:



Detail Tutorial cek disini gan..

Lihat Tutorial