Bagaimana cara menambahkan warna khusus ke wordpress?

Seperti yang mungkin tidak Anda ketahui, Warna Kustom adalah salah satu bagian terpenting dari Custom Design yang dikenal sebagai fitur luar biasa dari paket WordPress.com Business dan WordPress.com Premium.com

Pada dasarnya, ini dibuat untuk memudahkan pembaruan warna blog Anda hanya dengan beberapa klik. Dengan Warna Kustom, Anda cukup memilih palet warna, menyaring dengan pemilih warna, melihat saran warna, atau menggunakan pola latar belakang apa pun

Pada artikel ini, Anda akan diperlihatkan cara menambahkan Warna Kustom ke situs Anda di WordPress

Untuk menambahkan Warna Kustom ke situs Anda

Memulai

Sebelum membeli, semua orang bisa melihat Warna Kustom. Faktanya, Warna Kustom tersedia untuk tema yang memiliki dukungan Warna Kustom

Untuk memeriksa tema mana yang mendukung Warna Kustom, hal pertama yang perlu Anda lakukan adalah mengaktifkan tema dan menuju ke Situs Saya -> Sesuaikan. Sebuah catatan akan muncul di halaman jika tema ini mendukung Warna Kustom atau tidak

Pilih palet

Setiap kali Anda dapat melihat palet yang ingin Anda coba, yang perlu Anda lakukan hanyalah menekan warna ini dan menerapkannya ke pratinjau langsung yang terletak di sebelah kiri. Jika Anda ingin melihat lebih banyak, klik Lainnya dan Kembali untuk melihat semua palet warna yang tersedia

Perhatikan bahwa palet warna diberikan oleh COLOURlovers

Ubah warna

Jika Anda ingin mengubah warna, Anda dapat memilih warna yang ingin Anda ubah. Anda dapat melihat lingkaran dengan X di dalamnya menunjukkan bahwa tema Anda saat ini tidak menyetel warna ini untuk wilayah tersebut. Selain itu, tombol Default dapat mengembalikan warna tema Anda

Jika Anda ingin memeriksa jenis warna mana yang cocok dengan area mana di tema Anda, Anda dapat memilih lingkaran warna dan perannya akan ditampilkan seperti di bawah ini

Saran warna

Saran warna juga tersedia. Klik pada setiap warna yang terletak di kisi warna untuk memeriksa dan melihat saran warna yang disesuaikan

Pemilih warna

Untuk membuka pemilih warna, Anda dapat memilih warna di palet Anda saat ini, lalu menuju ke tautan yang bertuliskan pilih warna Anda sendiri

Pemilih warna Anda juga berisi jaring pengaman untuk mengakses. Saat Anda ingin memilih warna tautan yang sama dengan warna latar belakang Anda, pemilih warna ini dapat menambahkan kontras agar teks Anda dapat dibaca

Setiap warna di situs terdiri dari kode. Saat warna menjadi aktif, kode warna Heksadesimalnya juga muncul di bawah pemilih warna Anda. Untuk menambahkan kode warna, Anda dapat memasukkannya ke dalam arsip Anda dan mengklik tombol tab Anda

Pola latar belakang

Mengenai pola latar belakang Anda, mereka dapat dimuat tergantung pada warna latar belakang palet pilihan terakhir Anda. Pilih tombol Lainnya dan Kembali untuk menelusuri semua pola latar belakang yang tersedia

Jika tema Anda saat ini memiliki dukungan gambar latar bawaan, Anda dapat melihat persegi panjang besar yang terletak di bagian atas panel warna Anda. Tombol Ubah muncul di dalam persegi panjang itu. Klik persegi panjang itu untuk menerapkan pengelola media Anda untuk memilih dan memposting gambar latar belakang

Selanjutnya, Anda akan melihat beberapa opsi gambar latar belakang

• Atur posisi di mana gambar pertama Anda berada. kanan, kiri atau tengah
• Ulangi memutuskan apakah gambar muncul sekali, ulangi secara vertikal atau horizontal dan seterusnya
• Posisi Tetap adalah bahwa gambar Anda tetap tetap saat Anda menggulir
• Underlying Color adalah saat warna dimuat di belakang gambar latar belakang Anda

Simpan perubahan

Jika Anda mempratinjau perubahan warna sebelum membeli, tombol Simpan akan membantu Anda menyimpan perubahan;

Kesimpulan

Kami berharap dengan tutorial kami tentang cara menambahkan Warna Kustom ke situs Anda di WordPress, Anda akan merasa lebih percaya diri dalam menggunakan WordPress dan menemukan lebih banyak fitur menarik dari WordPress. Bantu kami membagikan artikel ini jika Anda merasa terbantu

Salah satu bagian terbaik menggunakan WordPress adalah Anda mendapatkan akses ke ribuan tema yang dapat Anda gunakan untuk menyesuaikan gaya situs Anda. Namun, terkadang Anda akan menemukan tema yang sempurna, hanya untuk menyadari bahwa itu tidak menampilkan skema warna yang Anda sukai

Ini bisa membuat frustasi, tetapi tidak harus menggagalkan rencana Anda. Dengan sedikit usaha, Anda dapat mengubah opsi warna tema, dan membuat situs web Anda terlihat seperti yang Anda inginkan

Pada artikel ini, kita akan mengeksplorasi dua cara untuk menyesuaikan warna tema WordPress, termasuk pendekatan manual dan metode plugin. Mari kita mulai

Cara Mengubah Warna Tema WordPress

Di bagian ini, kami akan menunjukkan cara mengubah warna tema WordPress Anda dengan cara manual. Untuk melakukan ini, Anda ingin menggunakan 'tema anak', sehingga Anda tidak kehilangan perubahan apa pun yang Anda buat saat tema 'induk' diperbarui

Terlebih lagi, menyiapkan tema anak hampir selalu merupakan ide cerdas jika Anda berencana membuat perubahan khusus pada kerangka situs Anda. Mari kita bicara tentang cara menyelesaikan pekerjaan

Langkah 1. Buat Tema Anak

Tema anak adalah salinan dari tema induk, yang mewarisi gaya yang sama. Anda dapat membuat perubahan pada kodenya tanpa memengaruhi induknya, dan kode tersebut tidak akan ditimpa saat Anda perlu memperbarui tema. Pendekatan ini memungkinkan Anda untuk mengedit gaya situs Anda dengan aman, sehingga jika Anda membuat kesalahan, Anda dapat kembali ke induk dan memulai kembali

Saat membuat tema anak, ada dua cara yang bisa Anda lakukan. Pertama, Anda dapat mengikuti pendekatan manual, yang kami bahas dalam artikel ini dan dapat dirangkum dalam empat langkah

1. Sambungkan ke situs web Anda melalui File Transfer Protocol (FTP), menggunakan klien seperti FileZilla
2. Arahkan ke folder Tema WordPress Anda
3. Buat folder baru untuk tema anak Anda
4. Siapkan gaya. file css untuk tema anak Anda

Namun, Anda dapat memilih untuk menggunakan plugin jika Anda tidak nyaman mengedit file WordPress secara manual. Untuk skenario ini, kami merekomendasikan Child Theme Configurator. Dengan plugin ini, Anda dapat membuat tema anak dan mengonfigurasi pengaturannya menggunakan menu sederhana

Anda bebas menggunakan metode apa pun yang Anda suka, tentu saja. Saat tema anak Anda sudah diatur, Anda dapat mengaktifkannya dan melanjutkan ke langkah berikutnya

Langkah 2. Masuk ke WordPress dan Buka Penyesuai

Sebelum Anda dapat mengubah warna tema WordPress Anda, Anda harus masuk ke dasbor Anda. Sesampai di sana, arahkan ke tab Penampilan > Editor

Di sana, Anda akan menemukan editor teks sederhana yang memungkinkan Anda mengubah file tema anak Anda. Perlu diingat bahwa Anda juga dapat melakukan ini menggunakan FTP dan editor teks favorit Anda, tetapi hasilnya akan sama

Jika Anda lebih suka mempratinjau perubahan yang Anda buat secara langsung, Anda juga dapat mengedit warna tema menggunakan Penyesuai WordPress. Untuk melakukannya, navigasikan ke tab Penampilan > Sesuaikan, lalu buka bagian CSS tambahan

Bagaimanapun, Anda harus menggunakan Cascading Style Sheets (CSS) untuk mengubah warna tema Anda. Di situlah langkah terakhir kita masuk

Langkah 3. Ubah Warna Tema WordPress Anda

Langkah ini cukup mudah jika Anda sudah terbiasa dengan CSS. Setiap elemen dalam tema Anda memiliki nama atau 'kelas' sendiri, yang dapat Anda targetkan menggunakan kode CSS. Anda harus mengetahui kelas yang relevan, lalu menggunakan kode warna HEX untuk mengubahnya

Misalnya, jika Anda ingin mengubah warna latar belakang tema, Anda dapat menambahkan cuplikan CSS seperti ini ke tema anak Anda (menggunakan salah satu metode di bagian terakhir)

background-color: #XXXXXX;

Bagian pertama kode itu menargetkan kelas yang tepat untuk elemen yang ingin Anda ubah. Maka Anda hanya perlu menentukan warna HEX yang ingin Anda gunakan. Setelah selesai, jangan lupa untuk menyimpan perubahan ke lembar gaya tema Anda

Untungnya, karena Anda menggunakan tema anak, Anda dapat bereksperimen dengan bebas tanpa khawatir merusak apa pun di situs Anda. Jika Anda baru mengenal CSS, lihat panduan ini tentang cara mengidentifikasi elemen di dalam situs Anda. Kemudian, Anda dapat bermain-main dengan kode warna HEX hingga menemukan kombinasi yang Anda sukai

Plugin yang Mengubah Warna Tema WordPress

Jika Anda lebih suka menggunakan plugin daripada CSS, Anda akan senang mengetahui bahwa ada beberapa opsi yang dapat Anda gunakan untuk menyesuaikan warna tema WordPress. Mari membahas dua alat favorit kita

Pengaya 1. Pengonfigurasi Tema Anak

Child Theme Configurator adalah pilihan utama kami, karena memungkinkan Anda membuat tema anak dan menyesuaikan skema warnanya. Itu berarti Anda dapat melewati banyak langkah yang telah kita bahas sebelumnya, dan mulai bereksperimen dengan palet warna jauh lebih cepat. Dengan plugin ini, Anda dapat mengubah warna font, nada latar belakang, dan banyak lagi

Pengaya 2. Palet Warna Tengah

Seperti namanya, Central Color Palette memungkinkan Anda untuk mengubah palet warna tema Anda. Plugin ini terintegrasi dengan baik dengan banyak tema dan plugin populer, dan memungkinkan Anda melewati proses menggunakan editor WordPress untuk memilih dan mengganti warna. Dua dari plugin Central Color Palette bekerja dengan lancar adalah Beaver Builder dan Elementor

Perbarui Pengalaman Digital WordPress Anda dengan WP Engine

Apa pun tema yang Anda pilih, Anda memerlukan host web yang memberikan stabilitas dan kinerja yang Anda perlukan untuk menjalankan dan menyesuaikan situs Anda. Dengan WP Engine, Anda mendapatkan kedua fitur tersebut, dan akses ke tim dukungan bintang

Jika Anda adalah tipe orang Do-It-Yourself (DIY), kami juga menerbitkan banyak tutorial yang dapat Anda gunakan untuk memecahkan masalah atau membuat perubahan pada situs web Anda. Lihat rencana kami dan coba kami

bergabung dengan 1. 5 juta situs web yang mempercayai WP Engine sebagai host WordPress mereka

Pos terkait

• Menyesuaikan Tema WordPress dengan CSS
• Membuat Tema Anak WordPress
• Cara Memperbarui Tema WordPress Anda
• Cara Mengubah Font Anda di WordPress
• Buat Tema WordPress Dengan Genesis

Langganan

Dapatkan tip, trik, dan berita WordPress mingguan yang dikirimkan ke kotak masuk Anda

Alamat email

Kirim

Situs ini dilindungi oleh reCAPTCHA dan berlaku Kebijakan Privasi dan Persyaratan Layanan Google. Pelajari lebih lanjut tentang Kebijakan Privasi WP Engine

Bagaimana cara menambahkan warna kustom?

Bagaimana Anda menyesuaikan palet warna?

Plugin apa untuk mengubah warna tema di WordPress?