Cara Mudah Menambahkan CSS Custom di WordPress

Terkadang Anda mungkin merasa perlu menambahkan CSS Kustom di WordPress.

Bagi kebanyakan pemula, menggunakan FTP terlalu membingungkan, tetapi ada cara lain untuk menambahkan CSS khusus.

Pada artikel ini, saya akan menunjukkan kepada Anda cara menambahkan CSS khusus dengan mudah di WordPress Anda tanpa mengedit file tema apa pun.

Menambahkan CSS khusus ke situs WordPress Anda

Metode 1: Menambahkan CSS Khusus Menggunakan Penyesuai Tema

Sejak WordPress 4.7, pengguna sekarang dapat menambahkan CSS khusus langsung dari area admin WordPress. Ini sangat mudah, dan Anda akan dapat melihat perubahan Anda dengan pratinjau langsung secara instan.

Pertama, Anda harus menuju ke halaman Tema > Customize.

Meluncurkan penyesuai tema

Ini akan meluncurkan antarmuka penyesuai tema WordPress.

Anda akan melihat pratinjau langsung situs Anda dengan banyak opsi di panel kiri. Klik pada tab CSS Tambahan dari panel kiri.

Opsi CSS tambahan di penyesuai tema WordPress

Tab akan meluncur untuk menampilkan kotak sederhana tempat Anda dapat menambahkan CSS khusus Anda. Segera setelah Anda menambahkan aturan CSS yang valid, Anda akan dapat melihatnya diterapkan di panel pratinjau langsung situs web Anda.

Menambahkan CSS khusus dengan pratinjau langsung

Anda dapat terus menambahkan kode CSS khusus, sampai Anda puas dengan tampilannya di situs Anda.

Jangan lupa untuk mengklik tombol ‘Simpan & Publikasikan’ di bagian atas setelah Anda selesai.

Simpan perubahan CSS khusus Anda

Catatan: CSS khusus apa pun yang Anda tambahkan menggunakan penyesuai tema hanya tersedia dengan tema tersebut. Jika Anda ingin menggunakannya dengan tema lain, Anda perlu menyalin dan menempelkannya ke tema baru Anda menggunakan metode yang sama.

Metode 2: Menambahkan CSS Kustom Menggunakan Plugin

Metode pertama hanya memungkinkan Anda menyimpan CSS khusus untuk tema yang saat ini aktif. Jika Anda mengubah tema, Anda mungkin perlu menyalin dan menempelkan CSS khusus Anda ke tema baru.

Jika Anda ingin CSS khusus Anda diterapkan terlepas dari tema WordPress yang Anda gunakan, maka metode ini cocok untuk Anda.

Hal pertama yang perlu Anda lakukan adalah menginstall dan mengaktifkan plugin Simple Custom CSS . Setelah aktivasi, cukup buka Penampilan »CSS Khusus dan tulis atau tempel CSS khusus Anda.

CSS Kustom Sederhana

Jangan lupa untuk menekan tombol ‘Perbarui CSS Khusus’ untuk menyimpan perubahan Anda.

Anda sekarang dapat melihat situs WordPress Anda untuk melihat CSS khusus beraksi.

Menggunakan plugin CSS Kustom vs Menambahkan CSS di Tema

Kedua metode yang dijelaskan di atas direkomendasikan untuk pemula. Pengguna mahir juga dapat menambahkan CSS khusus langsung ke tema mereka.

Namun, menambahkan cuplikan CSS khusus ke dalam tema induk Anda tidak disarankan. Perubahan CSS Anda akan hilang jika Anda tidak sengaja memperbarui tema tanpa menyimpan perubahan khusus Anda.

Pendekatan terbaik adalah menggunakan tema anak sebagai gantinya. Namun, banyak pemula yang tidak ingin membuat tema anak. Selain menambahkan CSS khusus, seringkali pemula benar-benar tidak tahu bagaimana mereka akan menggunakan tema anak itu.

Menggunakan plugin CSS khusus memungkinkan Anda menyimpan CSS khusus secara terpisah dari tema Anda. Dengan cara ini Anda dapat dengan mudah mengganti tema dan CSS khusus Anda akan tetap ada.

Cara hebat lainnya untuk menambahkan CSS khusus di WordPress Anda adalah dengan menggunakan plugin CSS Hero. Plugin luar biasa ini memungkinkan Anda untuk mengedit hampir semua gaya CSS di situs WordPress Anda tanpa menulis satu baris kode pun.

Mengedit CSS khusus dengan plugin CSS Hero untuk WordPress

Saya harap artikel ini membantu menambahkan CSS khusus ke situs WordPress Anda. Anda mungkin juga ingin melihat bagaimana panduan tentang cara membuat tema WordPress kustom tanpa menulis kode apa pun, dan plugin pembuat halaman seret & lepas WordPress terbaik.

Tinggalkan Balasan