Cara Merubah Warna Tulisan di wordpress

Baru-baru ini, salah satu pembaca saya bertanya apakah ada cara mudah untuk mengubah warna teks di situs WordPress saya? Tolong bantu saya donk? Jawabannya iya. Anda dapat dengan mudah mengubah warna font Anda di WordPress di seluruh situs Anda, atau bahkan hanya untuk satu kata di dalam konten posting Anda.

Dalam panduan ini, saya akan menunjukkan cara merubah warna tulisan di blog WordPress Anda, selangkah demi selangkah tapi pasti.

Ubah warna teks dengan mudah di WordPress

Ada banyak alasan mengapa Anda mungkin ingin mengubah warna teks di posting atau halaman Anda. Mungkin Anda ingin menekankan sebuah keyword, atau mungkin Anda ingin menggunakan subpos berwarna pada halaman tertentu.

Atau, Anda mungkin ingin merubah warna tulisan di seluruh situs Anda. Mungkin tema Anda menggunakan warna abu-abu untuk tulisan, tetapi Anda lebih suka membuatnya hitam, atau abu-abu yang lebih gelap, agar lebih mudah dibaca.

Dalam tutorial ini, saya akan membahas metode berikut:

  • Merubah warna tulisan menggunakan editor visual (bagus untuk mengubah beberapa kata, paragraf, atau judul saat menulis artikel).
  • Merubah warna tulisan di penyesuai tema (cara terbaik untuk merubah warna font di seluruh situs Anda, tetapi tidak didukung oleh semua tema).
  • Merubah warna tulisan menggunakan kode CSS (cocok untuk mengubah warna font di seluruh situs Anda dengan tema apa pun).

Cukup klik salah satu tautan tersebut untuk langsung beralih ke metode itu.

Metode 1. Merubah Warna Tulisan Menggunakan Editor Visual

Anda dapat menggunakan editor WordPress default untuk meletakkan kata, paragraf, atau bahkan subpos dalam warna yang berbeda dari teks utama Anda.

Contoh teks berwarna di halaman WordPress

Inilah cara Anda dapat mengubah warna tulisan Anda menggunakan editor blok.

Pertama, Anda harus mengedit posting atau halaman yang ingin Anda ubah, atau buat yang baru.

Selanjutnya, ketik teks Anda. Anda harus membuat blok paragraf atau blok tajuk yang sesuai. 

Setelah teks Anda berada di tempatnya, Anda dapat mengubah warnanya.

Merubah Warna Tulisan dari Blok

Untuk contoh pertama ini, saya akan merubah warna tulisan dari seluruh blok.

Cukup klik pada blok dan panel Pengaturan Blok akan terbuka di sisi kanan layar Anda. Selanjutnya, klik panah untuk Pengaturan warna untuk memperluas tab itu. Anda akan melihat pengaturan warna teks di sini.

Memilih warna teks untuk seluruh blok di WordPress

Sekarang, Anda dapat memilih warna baru untuk teks tersebut. Editor visual akan menunjukkan kepada Anda beberapa opsi berdasarkan tema Anda. Anda cukup mengklik salah satunya untuk merubah warna tulisan Anda.

Cara lainnya, jika Anda ingin warna tertentu, klik link Warna Kustom. Ini akan membuka pemilih warna tempat Anda dapat memilih warna secara manual. Anda juga dapat menggunakan ini untuk mengetik kode hex.

Memilih warna teks khusus untuk blok Anda

Jika Anda berubah pikiran dan ingin kembali ke warna teks default, cukup klik tombol clear di bawah opsi warna:

Mengatur blok Anda kembali ke warna teks default

Tip Pro: Jika Anda ingin mengubah warna latar belakang untuk sebuah blok, Anda juga dapat melakukannya di sini.

Merubah Warna Tulisan dari Kata atau Frasa

Bagaimana jika Anda hanya ingin mengubah warna satu atau dua kata? Itu juga mudah menggunakan editor blok.

Pertama, Anda harus menyorot kata yang ingin Anda ubah. Kemudian, klik panah bawah kecil di toolbar editor konten.

Sorot kata-kata yang ingin Anda ubah warnanya

Selanjutnya, cukup klik tautan Text color di bagian bawah daftar tarik-turun:

Klik tautan 'Warna Teks' di bagian bawah daftar tarik-turun

Sekarang Anda akan melihat opsi warna yang sama untuk seluruh blok. Sekali lagi, Anda dapat memilih dari salah satu opsi default atau menggunakan tautan Warna khusus untuk memilih warna yang Anda inginkan.

Pilih warna teks untuk kata yang Anda soroti

Pilihan warna tidak terbatas pada blok paragraf. Anda juga dapat merubah warna tulisan blok judul. Seperti halnya blok paragraf, Anda dapat mengatur warna teks untuk seluruh blok dalam pengaturan blok. Sebagai alternatif, Anda dapat menyorot kata satu per satu dan mengubah warnanya.

Mengubah warna teks blok judul di WordPress

Catatan: Anda tidak dapat mengatur warna latar belakang untuk blok heading.

Anda juga dapat merubah warna tulisan dalam blok daftar, tetapi hanya dengan menyorot kata dan menggunakan toolbar. Tidak ada opsi dalam pengaturan blok untuk merubah warna tulisan untuk seluruh blok daftar.

Mengubah Warna Font Menggunakan Editor Klasik

Jika Anda masih menggunakan editor WordPress klasik, Anda dapat mengubah warna font menggunakan bilah alat.

Di editor klasik, klik pada Toolbar Toggle di paling kanan. Anda kemudian akan melihat baris ikon kedua:

Klik tombol Toggle Toolbar untuk melihat baris kedua dari ikon

Sekarang, Anda dapat memilih teks Anda dan mengubah warna font menggunakan dropdown warna font.

Gunakan tombol warna teks di editor klasik

Metode 2. Merubah Warna Tulisan di Penyesuai Tema

Bagaimana jika Anda ingin merubah warna tulisan di seluruh Website Anda? Banyak tema WordPress terbaik memungkinkan Anda melakukan ini menggunakan penyesuai tema.

Untuk contoh ini, saya menggunakan tema OceanWP . Itu salah satu tema gratis teratas yang tersedia untuk WordPress.

Di dashboard WordPress Anda, pergi ke Appearance > Customize untuk membuka Theme Customizer.

Buka Penampilan lalu Sesuaikan di dasbor WordPress Anda

Selanjutnya, Anda perlu mencari opsi seperti Tipografi. Opsi yang tersedia, dan apa sebutannya, akan bervariasi tergantung pada tema Anda.

Pilih 'Tipografi' atau opsi serupa di penyesuai tema

Mari lanjutkan dan klik pada tab Tipografi, atau opsi yang setara. Selanjutnya, cari pengaturan di mana Anda dapat meeubah teks posting dan halaman Anda. Di OceanWP, ini disebut teks Body. Anda perlu mengklik ini, sehingga Anda dapat menyesuaikan warna font dan banyak lagi.

Pilih teks Tubuh untuk dimodifikasi di penyesuai

Saat Anda mengklik pemilih Warna Font, Anda akan melihat pemilih warna. Pilih warna apa pun yang ingin Anda gunakan untuk teks Anda. Ini akan merubah warna tulisan di semua posting dan halaman Anda.

Memilih warna untuk teks tubuh Anda menggunakan penyesuai tema

Anda juga dapat mengubah warna heading Anda dengan cara yang sama, dengan menggunakan opsi untuk mengubah H1, H2, dan seterusnya.

Setelah Anda puas dengan perubahan Anda, klik tombol Publikasikan di bagian atas layar.

Publikasikan perubahan Anda ke situs web Anda

Tip: Memilih teks hitam atau abu-abu tua dengan latar belakang putih atau sangat terang biasanya paling baik untuk keterbacaan.

Metode 3. Merubah Warna Tulisan Menggunakan Kode CSS

Bagaimana jika tema Anda tidak memiliki opsi untuk merubah warna tulisan?

Anda masih dapat mengubah warna font di seluruh situs dengan menggunakan penyesuai tema. Pergi ke Appearance > Customizer di dashboard WordPress.

Di bagian bawah daftar opsi, Anda akan melihat tab yang bertuliskan CSS Tambahan.

Buka bagian CSS Tambahan dari penyesuai tema

Selanjutnya, klik pada tab CSS Tambahan, dan Anda akan melihat beberapa petunjuk plus kotak tempat Anda dapat memasukkan kode CSS.

Sebagai permulaan, Anda dapat menyalin kode ini ke dalam kotak. Setelah itu, Anda dapat mengubah 6 angka tersebut menjadi kode hex warna pilihan Anda.

p { color:#990000; }

Masukkan CSS untuk mengubah warna paragraf menjadi penyesuai tema

Ini akan mengubah warna font dari tulisan biasa di semua posting dan halaman Anda menjadi merah tua (atau warna apa pun yang Anda pilih), seperti ini:

Warna teks disesuaikan di seluruh situs menggunakan kode CSS

Jika Anda ingin mengubah warna tajuk dalam posting Anda, Anda dapat menambahkan kode ini sebagai gantinya:

h2 { color:#990000; }

Sekali lagi, ubah kode hex menjadi warna apa pun yang Anda inginkan.

Jika Anda tidak terbiasa dengan CSS atau menginginkan editor CSS ramah-pemula yang memungkinkan Anda menyesuaikan dengan mudah seluruh gaya website Anda, saya sarankan untuk melihat CSS Hero . Ini adalah editor visual yang kuat yang memungkinkan Anda menyesuaikan gaya seluruh situs Anda.

Plugin CSS Hero

Saya harap tutorial ini membantu Anda mempelajari cara merubah warna tulisan di situs WordPress. Anda mungkin juga menyukai tutorial saya tentang Cara Mudah Mengubah Ukuran Font Di WordPress .

Advertisements

Achyar

Panduan Blog

Leave a Reply