Melalui tutorial ini, kami berharap Anda dapat memahami cara membuat CSS sendiri di WordPress. Dengan itu, kalian dapat mengelola elemen tertentu serta membuat tampilan website Anda untuk lebih menarik dan user-friendly.
Opsi 1 – Menambahkan Custom CSS WordPress dengan Plugin
Cara termudah untuk membuat CSS sendiri di WordPress adalah dengan menggunakan sebuah plugin. Ada banyak plugin yang bisa Anda pilih pada WordPress. Kami akan membahas tentang plugin custom CSS WordPress serta mengetahui cara kerjanya pada website. Perlu diingat, semua tool yang dapat digunakan dalam panduan ini dapat dengan mudah diinstall pada Plugins > Add New pada dashboard.
Simple Custom CSS
Simple Custom CSS merupakan sebuah plugin yang tersedia di WordPress paling banyak digunakan oleh pengguna. Plugin ini, Anda dapat mengelola tema sesuai keinginan pada override tema CSS saat ini. Meskipun tema telah diubah, value yang Anda buat akan tetap sama.
Jika telah diaktifkan, tool ini bisa diakses via Appearance > Custom CSS. Penggunaan tool ini tidak terlalu sulit. Masukkan value apapun yang Anda inginkan ke editor dan simpan.
Refresh website untuk bisa melihat perubahan yang dilakukan
WP Add Custom CSS
WP Add Custom CSS merupakan sebuah tool lain yang bisa Anda manfaatkan untuk membuat custom CSS WordPress.
Jika telah diunduh dan diinstall pada WordPress, plugin ini akan muncul di bagian yang dedicated pada dashboard. Anda bisa mengaktifkan dan menerapkan CSS ke website.
Hal paling utama dari menginstall plugin ini adalah adanya sebuah CSS editor di bawah setiap post. Melalui editor tersebut, Anda bisa menerapkan CSS berbeda untuk individual pada post jika memang diperlukan.
Refresh browser Anda untuk melihat perubahan pada website.
Site Origin CSS
Site Origin CSS adalah tool yang interaktif dan mudah digunakan untuk menambahkan custom CSS WordPress.
Jika sudah terinstall, plugin ini bisa diakses di Appearance > Custom CSS.
Plugin ini menawarkan interface editor yang mudah digunakan untuk pengguna, sehingga Anda dapat memilih bagian mana pun dari situs dan mengeditnya menggunakan tool yang telah tersedia atau dengan menambahkan kode secara manual.
Simple Custom CSS and JS
Simple Custom CSS and JS merupakan tool yang layak untuk Anda coba. Plugin ini memiliki banyak fitur tambahan jika dibandingkan dengan sebelumnya. Fitur tersebut bisa digunakan untuk menambahkan entri custom JavaScritp.
Setelah terinstall pada WordPress Anda, plugin ini bisa diakses melalui bagian terpisah yang ada di bawah dashboard. Di bagian atau area tersebut, Anda dapat membuat entry custom CSS, sama seperti ketika Anda membuat post WordPress.
Untuk bisa mengakses perubahan yang diterapkan, dengan ubah tag H1 shingga lebih colorful.
Simpan dan lihat perubahan yang Anda telah lakukan.
Cara Menambahkan CSS di WordPress dengan Theme Customizer
Custom CSS WordPress dapat mudah dibuat jika versi WordPress Anda adalah 4.7 atau juga di atas 4.7. Versi ini menawarkan tool inbuilt pada theme customizer. Untuk bisa menggunakan tool tersebut, buka Appearance > Customize pada dashboard.
Scroll ke bawah dan klik pada Additional CSS
Dengan tool inbuilt tersebut, Kalian bisa membuat atau juga menambahkan kode CSS apapun. Saking mudahnya, bahkan dengan tool tersebut, Anda bisa melihat tampilan website versi mobile dan tablet. Tentu ini menjadi kelebihan tersendiri mengingat zaman sekarang orang-orang lebih suka mengakses internet via perangkat mobile.