Cara Mengubah Warna Teks Pada Postingan Atau Halaman Pada Tahun 2024

Diterbitkan: 2024-04-29

Untuk membuat situs menarik, teks memainkan peran penting. Teks dapat mengubah tampilan situs.

Ketika kita berbicara tentang teks, yang dimaksud bukan hanya teks tetapi juga warna dan gayanya. Meskipun ada beberapa penyesuaian yang tersedia yang dapat dilakukan untuk menyempurnakan tampilan teks.

Di blog ini, kita akan melihat beberapa metode untuk mengubah warna teks pada postingan atau halaman.

Mari kita mulai,

Daftar isi

Beralih

Cara Mengubah Warna Teks Pada Postingan Atau Halaman

Ubah Warna Teks Pada Tema Klasik

Tema klasik sekarang tidak lagi digunakan tetapi pengguna lama masih menggunakan tema klasik dan metode ini cocok untuk mereka.

Di sini, kita akan menggunakan Tema Shop Mania Pro. Ini adalah tema e-niaga super cepat, cocok untuk semua jenis toko online.

Mari kita mulai,

Buka Dasbor Anda

Dashboard

Buka dashboard situs WordPress Anda terlebih dahulu.

Langkah 1) Buka Postingan dan buka postingan

Classic Post

Arahkan kursor Anda ke Postingan dan klik Semua Postingan. Ini akan membuka semua halaman situs Anda.

Langkah 2) Sorot teks > Klik Panah > Klik Sorot

Classic Highlight

Jika Anda ingin mengubah warna kata atau kalimat tertentu maka ini dapat dilakukan.

Sorot teks yang ingin Anda ubah warnanya. Kemudian klik panah dropdown yang mengarah ke bawah, Pada langkah terakhir sekarang klik highlight dan pilih warnanya.

Langkah 3) Klik Pada Blokir dan kemudian pada Warna

Classic Block color 1

Untuk mewarnai seluruh paragraf, buka Styles dan klik teks di bagian warna.

Langkah 4) Pilih warna apa saja

Classic Block Color Full

Pilih warna dari kotak yang Anda inginkan.

Ubah Warna Teks Dengan CSS

Ini bisa menjadi cara yang mudah jika dipahami dengan benar. Namun cara ini harus dilakukan dengan hati-hati agar tidak terjadi kesalahan yang tidak disengaja.

Disini Kami menggunakan tema Shop Mania.

mari kita pahami setiap langkahnya.

Langkah 1) Periksa teks yang ingin Anda ubah warnanya

CSS Inspect

Pertama, periksa blok teks untuk menyalin CSS. Kita akan membutuhkan CSS nanti.

CSS HTML CSS

Bagian atas yang ditampilkan di kotak Inspeksi adalah HTML dan bagian bawah adalah CSS.

Langkah 2) Salin CSS teks

CSS Copy

Salin bagian yang disorot seperti yang saya lakukan.

Langkah 3) Klik pada Kustomisasi

CSS Customize

Sekarang tutup kotak Inspect dan klik Customize.

Langkah 4) Buka CSS Tambahan

CSS Additional css

Klik pada CSS Tambahan. Ini akan membuka kotak untuk menulis CSS.

Langkah 5) Tempel CSS

CSS important 2

Paste CSS ke dalam kotak seperti yang ditunjukkan gambar 1.
Sekarang tulis warna CSS: biru;
Tapi ini mungkin tidak akan dipublikasikan karena sudah ada CSS yang tertulis, jadi kita perlu menulis ini saja.
warna biru! penting:

Jangan lupa untuk memberi tanda Kurung Keriting '}' di akhir.

Dimana saya sudah menulis nama warnanya, Anda bisa menggunakan kode Hex dari warnanya masing-masing.

Anda dapat melihat Perubahannya

CSS Difference 1

Anda dapat melihat warna blok diubah menjadi Biru.

Ubah Warna Teks Pada Tema Blok

Dalam metode ini kita akan menggunakan tema Vayu X. Vayu X adalah tema blok dan memiliki kemampuan untuk membuat situs menakjubkan dalam kategori apa pun. Artinya Anda dapat membangun semua jenis situs menggunakan tema ini.

Mari kita lihat langkah-langkahnya,

Langkah 1) Buka Penampilan dan klik Editor

Block Editor

Setelah membuka dashboard situs WordPress Anda, buka Appearance dan klik Editor.

Langkah 2) Klik Gaya > Klik Ikon Pena

Block Styles

Klik pada gaya yang ingin kita ubah gayanya. Di layar berikutnya klik ikon Pena.

Block Homepage

Ini akan membuka situs untuk diedit.

Langkah 3) Klik Warna

Block Colors

Klik pada warna di sidebar kanan. Anda akan melihat bagian berbeda untuk diwarnai.

Langkah 4) Ubah Warna Teks

Block Heading

Pilih bagian yang ingin Anda warnai. Di sini saya telah mewarnai teks Heading.

Ubah Warna Teks Dengan Plugin Vayu Blocks

Vayu Blocks adalah WordPress yang digunakan untuk membangun situs web menggunakan blok. Ini menawarkan bantuan besar sekaligus meningkatkan tampilan situs karena menawarkan banyak opsi penyesuaian.

Mari kita mulai,

Langkah 1) Klik Tambahkan Plugin Baru

Vayu add new plugin

Pertama, kita perlu memasang blok Vayu. Jadi navigasikan ke Plugins dan klik Add New Plugin.

Langkah 2) Buka kotak pencarian dan cari Blok Vayu

Vayu Search

Sekarang pergi ke kotak pencarian dan Cari Blok Vayu.

Langkah 3) Instal dan Aktifkan Plugin

Vayu Install Activate

Ketika blok Vayu ditampilkan, klik tombol Instal Sekarang, dan Aktifkan setelah instalasi.

Langkah 4) Buat Blok menggunakan Blok Vayu

Vayu Heading

Karena kita akan menggunakan Blok Vayu, maka buatlah blok menggunakan Blok Vayu. Di sini saya telah menggunakan Heading Blok Vayu.

Langkah 5) Ubah Warna Teks dari Sidebar Blok Vayu

Vayu Color

Buka sidebar untuk mengubah warna teks. Klik pada warnanya dan pilih warna favorit Anda untuk teks tersebut.

Ini adalah bagaimana Anda dapat mengubah warna teks menggunakan Vayu Blocks.

Ubah Warna Teks Menggunakan Pembuat Halaman

Kita dapat mengubah warna teks menggunakan Page Builder jika situsnya dibuat sama.

Di sini, kita akan menggunakan Elementor untuk mengubah warna teks.

Langkah 1) Buka Halaman

Elementor Pages

Buka halaman. Ini akan membuka semua halaman yang Anda miliki.

Langkah 2) Klik Edit Dengan Elementor

Elementor Edit with Elementor

Klik Edit dengan Elementor. Ini akan membawa Anda ke halaman di Elementor Builder.

Langkah 2) Pilih Teks dan klik Gaya

Elementor Styles

Di halaman ini, Anda dapat melakukan berbagai perubahan menggunakan Elementor. Kita harus mengubah warna teks jadi klik gayanya, yang akan Anda temukan di sudut kiri atas.

Langkah 3) Klik pada Kotak Warna

Elementor Color

Klik pada Kotak Warna yang ditampilkan dengan Warna Teks.
Warna teks telah diubah sesuai pilihan kita.

Pertanyaan Umum

Q. Mengapa saya harus menggunakan Vayu Block?

Jawab. Vayu Blocks adalah plugin WordPress dan tersedia gratis. Ini menyediakan berbagai opsi penyesuaian untuk mengedit blok. Blok tersebut meliputi Heading, Button, Container, Products, dan Spacer.

Q. Apa keuntungan mengubah warna Teks?

Jawab. Mengubah warna teks dapat menyempurnakan tampilan situs secara keseluruhan. Ini juga digunakan untuk membedakan bagian satu sama lain.

Kesimpulan

Jadi kita telah melihat beberapa metode untuk mengubah warna teks. Kami telah melakukannya dalam tema Klasik dan tema Blok serta menggunakan CSS, Elementor, dan Blok Vayu.

Anda dapat menggunakan salah satu metode yang disebutkan di atas sesuai keinginan Anda.

Saya harap blog ini dapat membantu Anda. Namun, jika Anda memiliki pertanyaan atau saran, beri tahu saya di bagian komentar.
Anda dapat Berlangganan Saluran YouTube kami, kami juga mengunggah konten hebat di sana, Ikuti juga kami di Facebook dan Twitter .

Lihat Lebih Banyak

  • Bagaimana Cara Membuat Kode Kupon Di Woocommerce?
  • Cara Mengalihkan URL lama ke URL baru di WordPress [Panduan Pemula]
  • Bagaimana Cara Membuat Halaman Hubungi Kami Di WordPress?
  • Bagaimana Cara Mengatur Pembayaran WooCommerce di WordPress? Panduan Pemula

Tag: halaman, postingan, warna teks, WordPress