Cara Custom CSS di WordPress Melalui Dashboard

Salah satu cara yang bisa Anda lakukan untuk membuat tampilan website menjadi lebih menarik adalah dengan menambahkan custom CSS (Cascading Style Sheets). Dalam artikel ini, kami akan berbagi cara custom CSS di WordPress melalui halaman dashboard atau wp-admin secara mudah. Simak informasi berikut ini.

Apa Itu Custom CSS?

Custom CSS adalah salah satu cara yang dapat kita lakukan untuk menyesuaikan tampilan website sesuai keinginan. Dengan menggunakan custom CSS, Anda bisa mengubah elemen di website, seperti warna, font, hingga layout, tanpa perlu mengutak-atik kode HTML atau PHP.

Misalnya, Anda ingin mengubah warna background atau memperbesar ukuran font di beberapa elemen. Tanpa menggunakan CSS, Anda harus mengubah struktur HTML dan PHP, yang tentunya lebih rumit dan memerlukan pemahaman lebih dalam.

Jadi, dengan CSS, Anda bisa lebih leluasa mengubah tampilan tanpa takut merusak struktur website.

Kenapa Harus Menambahkan Custom CSS?

Ada beberapa alasan kenapa menambahkan Custom CSS itu penting:

• Personalisasi Tampilan: Anda bisa menyesuaikan desain website sesuai dengan gaya atau identitas merek yang diinginkan.
• Keamanan Pembaruan Tema: Jika menggunakan metode yang tepat, perubahan CSS tidak akan hilang meskipun tema diupdate.
• Kontrol Penuh: Dengan CSS, Anda punya kontrol penuh untuk mengubah tampilan sesuai kebutuhan, tanpa bergantung pada pengaturan default tema.

Cara Custom CSS di WordPress

Ada 2 cara yang bisa Anda pilih untuk menambahkan custom CSS di WordPress. Setiap cara memiliki kelebihan dan kekurangannya masing-masing. Berikut adalah 2 metode yang bisa Anda pilih sesuai dengan preferensi.

Cara 1. Menggunakan WordPress Customizer

Cara pertama yang bisa Anda coba adalah dengan menggunakan WordPress Customizer. Opsi ini merupakan cara yang paling mudah dan cepat tanpa perlu Plugin tambahan. Berikut langkah-langkahnya:

1. Masuk ke Dashboard WordPress. Lalu pilih Appearance (Tampilan) > Customize (Sesuaikan).

2. Pilih Additional CSS.

3. Ketikkan kode CSS yang ingin Anda gunakan di kolom yang tersedia.

4. Klik Publish untuk menyimpan perubahan.

Metode ini sangat mudah dan cepat, terutama bagi Anda yang tidak ingin ribet. Anda bisa langsung melihat perubahan tanpa perlu khawatir jika tema diupdate, karena perubahan CSS ini disimpan terpisah dari file tema. Namun, jika Anda ingin melakukan penyesuaian yang lebih besar, Customizer mungkin terasa kurang fleksibel.

Opsi 2. Menggunakan Plugins

Jika Anda tidak ingin repot mengedit kode, Anda bisa menggunakan plugin untuk menambahkan Custom CSS. Plugin seperti Simple Custom CSS atau WP Add Custom CSS akan sangat membantu.

1. Instal plugin seperti Simple Custom CSS melalui menu Plugins > Add New Plugins >> search “Simple Custom CSS” >> install now >> activate

2. Setelah plugin aktif, buka Appearance > Custom CSS.

3. Masukkan kode CSS yang Anda inginkan.

4. Klik Update Custom CSS untuk menyimpan perubahan.

Plugin sangat mudah digunakan, terutama bagi Anda yang baru mulai dan tidak ingin repot dengan kode. Selain itu, menggunakan plugin bisa membantu Anda memisahkan CSS dari tema utama, yang lebih aman saat tema diupdate. Kekurangannya adalah penggunaan plugin bisa memperlambat kinerja website, terutama jika terlalu banyak plugin yang diinstall.

BACA JUGA: Belajar CSS: Apa itu CSS dan Cara Membuatnya Untuk Pemula

Penutup

Melakukan custom CSS di WordPress sangatlah mudah dan memberikan banyak keuntungan, seperti mengubah tampilan sesuai dengan keinginan tanpa merusak struktur tema. Anda bisa menambahkan custom css menggunakan WordPress Customizer ataupun menggunakan plugin. Pilih cara yang paling cocok dengan kebutuhan Anda.

Demikian panduan kami tentang cara custom CSS di WordPress melalui dashboard, semoga bermanfaat!