Cara menerapkan palet warna ke situs web Divi Anda

Ada beberapa hal yang lebih buruk di internet daripada situs jaringan hambar. Tentu, beberapa situs web sengaja memilih tampilan brutal atau minimalis (melihat Craigslist Anda), tetapi bahkan ini tidak. luntur. Memiliki palet warna solid adalah cara yang pasti untuk membuat Anda situs jaringan massa krem, eshop monokromatik yang tidak terinspirasi itu detekan di atas je suistekan. Untungnya, Divi menyediakan kombinasi sistem Warna Ajaib dan fitur Warna Global untuk Anda. Anda dapat dengan mudah menerapkan palet warna pada Anda situs jaringan Divi. Hasilnya pasti akan membuat Anda terkesan pengunjung.

Saran umum tentang palet warna

Tidak peduli betapa mudahnya menambahkan palet warna ke situs web Divi Anda, sangat penting bagi Anda untuk menggunakan jenis palet yang tepat untuk industri dan merek Anda. Jika Anda sudah memiliki warna bermerek, ini adalah pilihan yang jelas. Selain mempelajari teori warna (yang sangat menarik, omong-omong), kami memiliki beberapa tip yang dapat membantu Anda mengetahui dari mana harus memulai dengan palet warna baru Anda.

1. Pilih situs web berwarna gelap atau terang

Dalam skema warna yang akan Anda gunakan, Anda pasti akan memiliki warna terang dan gelap. Kontras adalah wajib dalam palet warna agar konten tertulis tidak hilang.

Sekarang, itu segera membawa kita ke pertanyaan pertama yang perlu Anda tanyakan pada diri sendiri ketika Anda ingin menerapkan palet warna ke situs web Anda; Apakah kamu mau buat situs web berwarna gelap atau berwarna terang? Hanya karena Anda memilih salah satu bukan berarti Anda tidak dapat menggabungkannya, tetapi memiliki pilihan membantu Anda memilih skema warna dengan lebih mudah.

2. Pilihan warna

Secara teori, Anda dapat menentukan sendiri berapa banyak warna yang Anda inginkan dalam skema warna Anda. Tidak ada metode standar untuk menerapkan atau menentukan palet warna. Namun, untuk menciptakan keseimbangan warna yang bagus dengan Divi, kami menyarankan Anda menggunakan lima warna.

Untuk membantu Anda menerapkan palet warna dengan lima warna ke situs web Anda, kami telah memilih jenis metode yang akan kami terapkan secara konsisten pada tata letak yang sama saat menampilkan palet warna yang berbeda. Tapi sebelum kita menyelami itu, mari kita lihat berbagai jenis warna yang perlu Anda miliki di palet warna Anda jika Anda ingin menggunakan metode kami.

Warna latar belakang

Pastikan warna latar belakang yang Anda pilih cocok satu sama lain. Anda akan menggunakan warna latar belakang ini berdekatan satu sama lain dan untuk hasil yang indah; mereka harus memiliki harmoni tertentu.

Warna font

Hal berikutnya yang perlu Anda pilih adalah warna font. Logikanya, warna font tergantung pada warna background yang Anda pilih. Jika Anda telah memilih warna latar belakang yang terang, pastikan warna font Anda gelap dan sebaliknya.

Warna hyperlink dan CTA

Warna hyperlink yang Anda pilih adalah salah satu warna yang menghidupkan situs web Anda. Pastikan warna ini menonjol dari warna lain di palet Anda, karena Anda akan menggunakannya untuk ajakan bertindak apa pun yang Anda sertakan di situs web Anda.

Warna untuk sentuhan akhir

Terakhir, Anda dapat memilih warna lain yang sudah jadi yang akan membawa warna ke situs web Anda. Meskipun warna ini tidak sepenting warna hyperlink, ini akan membantu Anda melengkapi keseimbangan warna di situs web Anda.

3. Pastikan ada kontras yang cukup

Seperti disebutkan sebelumnya, memberikan kontras antara beberapa warna dalam skema warna Anda sangat penting. Jika Anda menggunakan skema warna untuk situs web, kontras ini terutama akan membantu Anda membuat konten tertulis yang Anda bagikan dapat dibaca. Karena, jika konten Anda tidak mudah dibaca, apa gunanya?

4. Temukan keseimbangan penggunaan warna yang tepat

Ada berbagai cara untuk menentukan seberapa sering Anda ingin menggunakan warna tertentu dalam skema warna Anda. Menciptakan keseimbangan warna yang baik diperlukan jika Anda tidak ingin mereka merasa kewalahan dengan warna yang Anda gunakan di situs web Anda.

Pastikan untuk menggunakan warna paling netral dalam skema warna Anda hampir sepanjang waktu dan gunakan warna lain untuk menonjolkan konten yang Anda berikan.

Bagaimana cara menambahkan palet warna ke situs web Divi Anda

Dengan semua itu, saatnya untuk menggali Divi dan menerapkan skema warna baru situs Anda!

Palet Divi default

Pertama, buka dasbor WordPress Anda dan navigasikan ke Divi - Opsi tema. Di bawah Général tab, Anda akan melihat entri berjudul Palet pemilih warna default. Ini memungkinkan Anda untuk memilih 8 warna yang ingin Anda akses dengan cepat setiap kali Anda membuka opsi warna di pembuat Divi. Secara default, ini adalah warna-warna cerah yang digunakan banyak orang, tetapi itu bukan palet lengkap yang harus digunakan di satu situs web.

Harap dicatat bahwa ini tidak berlaku untuk warna situs Anda sendiri. Itu hanya menyajikannya sebagai opsi cepat di konstruktor.

Masukkan konstruktor Divi

Apakah Anda menentukan palet dalam pengaturan Divi atau tidak, Anda akan selalu memiliki kemungkinan untuk menerapkan warna yang berbeda ke elemen situs Anda. Untuk melakukan ini, buka Divi Builder dan masukkan parameter modul apa pun yang ingin Anda sesuaikan di palet baru Anda.

Di bawah warna yang dipilih saat ini untuk elemen apa pun, Anda akan melihat ikon elipsis (tiga titik). Ketika Anda mengkliknya, Anda membuka alat Warna Ajaib dari Divi. Pembuatnya memperhitungkan warna yang Anda gunakan baru-baru ini dan warna pada halaman itu sendiri untuk memberi Anda serangkaian beberapa palet yang terdiri dari warna pelengkap yang seharusnya bekerja sama dengan cukup baik.

Tentukan warna sebagai global

Setelah Anda memutuskan warna mana yang ingin Anda gunakan, saatnya untuk mengaturnya sebagai global. Warna global dapat dikonfigurasi untuk berubah di seluruh halaman, terlepas dari modul atau elemen. Ini berarti bahwa jika Anda ingin menukar 5 warna berbeda, Anda tidak perlu melakukannya lebih dari 100 kali, satu per satu pada contoh warna tersebut. Anda akan melakukan ini 5 kali.

Untuk memulai, buka modul apa pun dengan pemilih warna. Di bawah ini Anda akan melihat tautan yang disebut Aksi. Klik di atasnya dan palet global menghilang. Dari sana Anda akan menentukan warna yang ingin Anda sediakan secara global dengan mengklik tombol lebih banyak + ikon.

Ketika pemilih baru muncul, klik tombol centang hijau untuk menambahkan warna saat ini sebagai opsi global.

Tidak masalah di mana lingkaran putih itu berada. Nilai heksadesimal adalah apa yang ditambahkan ke warna global. Anda sekarang akan melihat warna default ditambahkan di sebelah ikon plus. Dan Anda dapat melihat bahwa warna telah diterapkan ke situs karena ikon jatuhkan pada warna, bukan lingkaran biasa.

Selain itu, Anda dapat mengklik kanan pada warna yang dipilih dan memilih "Konversikan ke Global" untuk menambahkannya ke daftar.

Ulangi proses ini untuk setiap warna dalam palet yang Anda pilih sehingga seluruh palet Anda akhirnya disimpan di bawah tautan Global. Ini sangat penting saat Anda menerapkan palet baru ke semua elemen di halaman.

Terapkan warna global

Kemudian Anda ingin mengganti semua instance dengan warna yang sama di halaman Anda dapat disesuaikan secara global. Yang ingin Anda lakukan adalah pergi ke elemen dengan warna yang ingin Anda ubah dan klik kanan padanya. Anda kemudian akan memilih Temukan dan ganti dari menu konteks. Jangan ubah warna ini menjadi global di sini. Ini adalah bagian dari langkah selanjutnya.

Layar berikutnya akan menjadi tempat Anda memilih untuk mengganti warna ini dengan warna keseluruhan Anda. Pastikan di bawah Ubah dengan kamu klik Aksi lalu pilih warna keseluruhan yang ingin Anda perpanjang pada halaman. Pastikan Anda mencentang kotak yang bertuliskan "Ganti semua nilai yang ditemukan di setiap jenis opsi, tidak terbatas pada [masukkan jenis elemen saat ini]." Ini akan memastikan bahwa apa pun yang terjadi, warna itu akan diganti.

Sekarang Anda dapat mengubah warna keseluruhan tertentu dan ketika Anda melakukannya, setiap contoh akan berubah. Hati-hati, Anda tidak memilih warna baru dari palet. Ini hanya akan mengubah warna saat ini. Anda Sunting warna untuk mengubahnya di mana-mana karena Anda telah menandai setiap contoh dari satu warna itu sebagai global.

Anda dapat mengeditnya secara kolektif menggunakan pemilih warna. Cukup klik pada tetesan untuk memilih yang baru.

Setelah itu, ulangi saja proses ini untuk setiap warna di palet baru Anda. Hanya satu perubahan untuk setiap warna di palet Anda. Bukan pertukaran setiap item tertentu dengan warna tertentu.

pak

Memilih dan menerapkan palet warna global ke situs Divi Anda tidak pernah semudah ini. Anda dapat menggunakan fitur Warna Ajaib kami untuk membantu Anda memilih palet, dan kemudian Anda dapat mengaturnya sebagai warna keseluruhan untuk situs Anda. Setelah selesai, yang perlu Anda lakukan adalah memilih warna yang Anda tukar dan menggunakan fungsi pencarian dan penggantian bawaan Divi untuk mengganti warna-warna tersebut pada halaman. Dengan alur kerja ini, Anda pasti akan menghemat banyak waktu untuk mendesain ulang berbagai situs web dan memodifikasi beberapa paket tata letak gratis kami.

Selamat menikmati!

Gambar unggulan artikel oleh ART.ICON / shutterstock.com