Bagi kebanyakan pemula, menggunakan FTP terlalu membingungkan, tetapi ada cara menambahkan CSS di WordPress tanpa mengakses FTP.

Tapi, kalau Anda ragu untuk melakukan atau mengedit tema website anda, anda bisa menggunakan Jasa Kelola Website untuk melakukan pekerjaan tersebut.

Pada artikel ini, kami akan menunjukkan cara mudah menambahkan CSS khusus ke situs WordPress Anda tanpa mengedit file tema apa pun.

Cara Menambahkan CSS di WordPress 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 Tema »Sesuaikan halaman.

Akan meluncurkan antarmuka penyesuai tema WordPress.

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

Tab akan meluncur untuk menunjukkan kepada Anda 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.

Anda dapat terus menambahkan kode CSS khusus, Jangan lupa klik tombol ‘Simpan & Terbitkan’ di bagian atas jika sudah selesai.

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

Cara Menambahkan CSS di WordPress Menggunakan Plugin

Metode pertama hanya memungkinkan Anda untuk menyimpan CSS khusus untuk tema yang sedang 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 menginstal dan mengaktifkan plugin Simple Custom CSS. Setelah aktivasi cukup buka Tampilan »CSS Kustom dan tulis atau tempel CSS kustom Anda.

Jangan lupa untuk menekan tombol ‘update custom CSS’ untuk menyimpan perubahan Anda.