Cara Menggunakan Custom CSS dan JS Pada WordPress
Setiap tema WordPress menawarkan fitur mengubah style atau tampilan Anda secara otomatis. Namun biasanya tidak semua fitur tersedia. Anda perlu mengubah atau menambah CSS sendiri agar tampilan web Anda sesuai dengan keinginan Anda.
Ada 3 cara mengubah atau menambah CSS pada website Anda. Yang pertama yaitu mengubah langsung pada style css tema Anda. Yang kedua dengan menggunakan fitur Additional CSS yang disediakan WordPress dan yang terakhir adalah menggunakan plugin custom CSS. Cara yang paling dianjurkan adalah dengan menggunakan custom CSS. Ada banyak plugin custom CSS pada WordPress. Salah satu yang saya gunakan adalah Simple Custom CSS dan JS.
Cara Menggunakan Custom CSS dan JS Pada WordPress
- Install dan Aktifkan Plugin Simple Custom CSS dan JS.
- Klik Custom CSS & JS. Pada bagian atas klik Add CSS Code.
- Beri nama dan masukkan CSS Anda. Berikut ini adalah contoh CSS sederhana untuk menyembunyikan tag pada wordpress.
- Bila sudah Anda bisa memilih tipe CSS apakah internal atau external. Jika kalian memilih internal maka kode css akan berada langsung di kode html kalian. Jika external maka kode CSS akan berupa tautan URL. Saran kami gunakan Internal karena dengan Linking type ini tidak akan membebani pengguna saat membuka situs kalian. Anda juga bisa memilih penempatan CSS pada bagian head atau footer. Setelah itu klik Publish.
Demikian tadi merupakan cara menginstall dan menggunakan plugin Custom CSS dan JS. Dengan menggunakan plugin ini kalian tidak perlu lagi menggunakan Additional CSS yang disediakan oleh WordPress. Penggunaan Additional CSS terus menerus akan menumpuk kode CSS kalian. Ketika kalian ingin melakukan perubahan kalian harus mencari kode tersebut dari sekian banyaknya baris pada Additional CSS. Dengan menggunakan Plugin Custom CSS dan JS kalian bisa menghindari masalah tersebut. Kalian bisa menata CSS Anda dengan lebih rapi dan mempermudah Anda dalam mencari CSS yang ingin Anda ubah nantinya.
Sekian tutorial kali ini mengenah Cara Menggunakan Custom CSS dan JS. Semoga dengan tutorial kali ini bisa membantu kalian dalam membangun sebuah situs yang sesuai keinginan. Nantikan tutorial-tutorial lain mengenai WordPress yang bisa kalian baca pada website ini.
