Cara Mengganti Warna Tema WordPress

Mengatur warna pada website WordPress sangat bergantung pada apakah Anda menggunakan fitur bawaan tema, bantuan Page Builder, atau kode kustom. Berikut adalah beberapa cara yang bisa Anda lakukan:

1. Melalui Menu “Sesuaikan” (WordPress Customizer)

Ini adalah cara paling standar yang disediakan oleh hampir semua tema WordPress.

1. Masuk ke Dashboard WordPress Anda.

2. Buka menu Tampilan (Appearance) > Sesuaikan (Customize).

3. Cari menu bernama Warna (Colors) atau Skema Warna (Color Scheme).

4. Di sini Anda biasanya bisa mengubah:

   • Warna Latar Belakang (Background Color).

   • Warna Teks Utama.

   • Warna Link/Tautan.

   • Warna Aksen (warna untuk tombol atau elemen dekoratif lainnya).

5. Klik Terbitkan (Publish) untuk menyimpan perubahan.

2. Menggunakan Page Builder (Elementor, dsb.)

Jika Anda membangun halaman menggunakan Page Builder seperti Elementor, Anda memiliki kendali yang jauh lebih mendalam:

1. Masuk ke penyuntingan halaman dengan Elementor.

2. Klik ikon menu (tiga garis) di pojok kiri atas.

3. Pilih Site Settings (Pengaturan Situs).

4. Klik Global Colors.

5. Di sini Anda bisa mengatur palet warna yang akan konsisten digunakan di seluruh elemen website (Header, Tombol, Judul, dll). Ini sangat praktis karena jika Anda mengubah satu warna global, semua elemen yang menggunakan warna tersebut akan ikut berubah secara otomatis.

3. Melalui Pengaturan Tema Spesifik (Theme Options)

Beberapa tema premium (seperti JNews, Newspaper, atau Astra) memiliki panel pengaturan sendiri yang lebih lengkap:

1. Cari menu nama tema Anda di dashboard (misalnya menu “JNews” atau “Astra Options”).

2. Cari bagian Global Styles atau Color Settings.

3. Di sana biasanya terdapat pengaturan warna yang lebih mendetail hingga ke area header, footer, dan sidebar.

4. Menggunakan CSS Kustom (Untuk Presisi Tinggi)

Jika ada bagian tertentu yang warnanya tidak bisa diubah melalui menu di atas, Anda bisa menggunakan CSS:

1. Masuk ke Tampilan > Sesuaikan > CSS Tambahan (Additional CSS).

2. Masukkan kode contoh seperti ini:

   CSS

    

   /* Mengubah warna latar belakang header */
   .site-header {
       background-color: #333333;
   }
   /* Mengubah warna semua judul artikel */
   h1, h2, h3 {
       color: #2c3e50;
   }
   

Tips Memilih Warna untuk Website Berita:

• Kontras yang Tinggi: Pastikan teks utama berwarna gelap (hitam atau abu-abu tua) di atas latar putih agar nyaman dibaca dalam waktu lama.

• Warna Identitas: Gunakan satu warna cerah (seperti merah, biru, atau hijau) sebagai warna aksen untuk kategori berita atau tombol “Breaking News” agar terlihat menonjol.

• Konsistensi: Jangan menggunakan terlalu banyak warna berbeda agar situs tetap terlihat profesional dan tidak membingungkan pembaca.

Baca Juga cara buat website dengan Woordpress

Baca Juga Cara desain website