Rating Thread:
  • 0 Suara - 0 Rata-rata
  • 1
  • 2
  • 3
  • 4
  • 5
Cara Membuat Custom CSS di Wordpress Dengan Mudah
#1
Kamu pernah merasa kebingunan untuk design website di wordpress? dan ingin menambahkan CSS Custom di wordpress kamu.

Pada thread artikel ini, saya akan membahas bagaimana cara menambahkan CSS khusus dengan mudah di WordPress tanpa kamu perlu mengedit file themes apa pun.

Cara 1: Tambah Custom CSS melalui Theme Customizer

[Image: 6FmqcyGddNYUrLRm31sRZIF3Is8YvNHSvNFtsahL...cN3ZhH7qeo]

Kamu akan melihat penyesuaian tema WordPress.

dan akan melihat pratinjau langsung website kamu dengan banyak opsi di panel kiri. Klik pada tab CSS Tambahan dari panel kiri.

[Image: uWvUeRjNacOsDMN5MWntjqIGk_FIy_FSCEc1Et2D...ioLK9gFc1o]

Tab akan bergeser untuk menampilkan kotak sederhana tempat kamu dapat menambahkan CSS khusus. Segera setelah menambahkan aturan CSS yang valid, Kamu bisa lihat diterapkan di panel pratinjau langsung website kamu.

[Image: Mo0w6cqp2RU1KPNdPeLch-97XfBA8kz7iH7clwvZ...r7BZsbK0PI]

Kamu bisa terus menambahkan kode CSS khusus, sampai kamu mendapatkan tampilan yang bagus.

Jangan lupa untuk mengklik tombol 'Save & Publish' di bagian atas setelah selesai.

[Image: v-11Xbl_lVo6ec8ITDcvWvCiSStEb90QJU3EBQAC...PWlPiYJXWl]

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

Cara 2: Menambahkan CSS Custom Menggunakan Plugin

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

Jika ingin CSS khusus kamu diterapkan apa pun tema WordPress yang kamu gunakan, maka metode ini cocok untuk kamu.

Hal pertama yang perlu dilakukan adalah menginstal dan mengaktifkan plugin Simple Custom CSS. Setelah aktivasi, cukup buka Appearance »Custom CSS dan tulis atau tempelkan CSS khusus.

[Image: kxBXSghPMgtGwYZESUF6kZl5cg_5HsBz_OYHMeZU...JYwLHxjUer]

Jangan lupa untuk menekan tombol 'Update Custom CSS' untuk menyimpan perubahan.

Sekarang kamu bisa melihat WordPress kamu untuk melihat CSS khusus kamu.

Menggunakan plugin CSS Custom 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.

Menambahkan cuplikan CSS khusus ke dalam tema induk tidak disarankan. Perubahan CSS kamu akan hilang jika kamu tidak sengaja memperbarui tema tanpa menyimpan perubahan khusus.

Pendekatan terbaik adalah menggunakan tema anak (child theme) sebagai gantinya. Banyak pemula yang tidak ingin membuat child theme. Selain menambahkan CSS khusus, seringkali pemula benar-benar tidak tahu bagaimana mereka akan menggunakan tema anak tersebut.

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

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

[Image: q96ovZOa6AjNq9eB68IaXe-Y_U8YSLuHu2HWbob6...ZngrF3rqSl]

Saya harap artikel ini membantu menambahkan CSS khusus WordPress. Kamu mungkin juga ingin melihat bagaimana panduan kami tentang cara membuat tema WordPress Custom tanpa menulis kode apa pun, dan plugin pembuat halaman drag & drop WordPress terbaik.
Reply


Forum Jump:


Pengguna yang menjelajahi thread ini: 1 Tamu