mufakad.com – Saat Anda mendesain situs web, penting untuk memikirkan palet warnanya. Jika Anda membuat tautan dengan warna yang tidak menarik, pengunjung Anda mungkin kurang bersedia mengekliknya.
Pada artikel ini Anda akan mempelajari cara mengubah warna link di WordPress. Dengan melakukan ini, Anda dapat meningkatkan tampilan dan kredibilitas konten Anda.
Dalam postingan ini, kami akan membahas mengapa Anda mungkin ingin mempertimbangkan untuk mengubah warna tautan di situs web Anda.
Kemudian, kami akan menunjukkan cara melakukannya menggunakan empat metode berbeda. Mari kita mulai!
Mengapa Mengubah Warna Link di WordPress?
Warna tautan memainkan peran penting dalam desain web. Mereka dapat menarik perhatian pengguna, membantu navigasi, dan meningkatkan keterlibatan. Warna yang tepat dapat membuat tautan Anda lebih terlihat dan mengundang klik, sementara warna yang buruk dapat membuat tautan Anda diabaikan. Mengubah warna tautan juga dapat membantu menjaga konsistensi merek dan estetika situs Anda.
Cara Mengubah Warna Tautan di WordPress (4 Metode)
Jika Anda siap untuk mulai mengubah warna tautan situs web Anda, ada beberapa teknik yang dapat Anda gunakan. Namun, sebagian besar melibatkan pengeditan langsung tema WordPress Anda. Oleh karena itu, untuk menghindari masalah fungsional atau kehilangan data apa pun, Anda mungkin ingin membuat cadangan situs web Anda sebelum memulai.
1. Gunakan Fitur Gaya Global (Hanya Blokir Tema)
Dengan diperkenalkannya WordPress 5.9, Anda memiliki opsi untuk menyesuaikan seluruh situs web Anda melalui Full Site Editing (FSE). Daripada menggunakan alat Penyesuai, antarmuka gaya Global memungkinkan Anda mengedit elemen tema yang lebih besar. Namun, sebagian besar tema WordPress saat ini tidak mendukung fungsi baru ini.
Jika Anda ingin melanjutkan metode ini, Anda harus memastikan bahwa Anda menggunakan Editor Blok WordPress dan Tema Blok yang kompatibel. Kemudian, untuk memulai, Anda dapat membuka Appearance > Editor di dashboard WordPress Anda:
-
- Buka Appearance > Editor.
-
- Navigasikan ke sudut kanan atas layar Anda dan klik tombol dengan lingkaran duotone.
-
- Di tab Gaya, temukan Warna.
-
- Klik Tautan di bagian bawah panel.
-
- Pilih warna khusus menggunakan pemilih warna atau masukkan kode hex warna.
2. Melalui Penyesuai WordPress
Jika Anda tidak ingin memperbarui ke tema blok, Anda dapat dengan mudah menggunakan alat Penyesuai untuk mengubah warna tautan Anda. Dari dashboard WordPress Anda, buka Appearance > Customize:
- Buka Appearance > Customize.
- Cari tab pengeditan warna. (Ini akan bervariasi berdasarkan tema Anda. Untuk tema Astra, navigasikan ke Global > Warna.)
- Temukan opsi berlabel Link Color atau yang serupa.
- Pilih warna yang Anda inginkan menggunakan pemilih warna atau masukkan kode hex.
- Klik Publikasikan.
3. Edit Tema Beaver Builder Anda
Jika Anda ingin membuat perubahan global dengan mudah pada situs Anda namun tetap mempertahankan tingkat kontrol yang tinggi, sebaiknya gunakan tema Beaver Builder. Dengan alat ini, Anda dapat dengan mudah mengubah warna tautan Anda tanpa harus berurusan dengan kode apa pun.
-
- Instal dan aktifkan plugin Beaver Builder dan tema Beaver Builder.
-
- Buka Appearance > Customize.
-
- Navigasikan ke Umum > Warna Aksen.
-
- Pilih warna khusus untuk tautan Anda menggunakan pemilih warna.
-
- Klik Publikasikan.
4. Tambahkan Kode CSS Khusus
Terakhir, Anda dapat memasukkan kode CSS khusus di alat penyesuai Anda untuk mengubah warna tautan. Proses ini sedikit lebih rumit, namun menawarkan lebih banyak fleksibilitas dalam pilihan warna.
- Buka admin WP Anda dan klik Appearance > Customize.
- Di bagian bawah opsi tab, di panel sebelah kiri, klik CSS Tambahan.
- Masukkan kode berikut, menggantikan
#399a8b
dengan kode hex warna yang Anda inginkan:
a { color: #399a8b; }
- Klik Publikasikan.
Daftar Kode Warna HTML dan CSS
Berikut adalah daftar kode warna HTML dan CSS lengkap berdasarkan kode Hexadecimal (HEX) serta RGB untuk referensi Anda:
-
- Merah:
#FF0000
/rgb(255, 0, 0)
- Merah:
-
- Hijau:
#00FF00
/rgb(0, 255, 0)
- Hijau:
-
- Biru:
#0000FF
/rgb(0, 0, 255)
- Biru:
-
- Kuning:
#FFFF00
/rgb(255, 255, 0)
- Kuning:
-
- Oranye:
#FFA500
/rgb(255, 165, 0)
- Oranye:
-
- Ungu:
#800080
/rgb(128, 0, 128)
- Ungu:
-
- Abu-abu:
#808080
/rgb(128, 128, 128)
- Abu-abu:
-
- Hitam:
#000000
/rgb(0, 0, 0)
- Hitam:
-
- Putih:
#FFFFFF
/rgb(255, 255, 255)
- Putih:
Warna link bisa diganti dan disesuaikan dengan keinginan anda sendiri sesuai daftar kode warna CSS dan HTML pada wordpress.
Mengubah warna tautan di WordPress bisa menjadi cara efektif untuk meningkatkan keterlibatan dan navigasi pengguna di situs Anda. Dengan menggunakan salah satu dari metode yang dijelaskan di atas, Anda dapat dengan mudah menyesuaikan tampilan tautan sesuai dengan estetika dan branding situs web Anda. Selamat mencoba!