Kode desain Cascading Style Sheet Web menyertakan opsi gradien, sehingga Anda dapat menambahkan latar belakang gradien khusus CSS ke situs web WordPress Anda tanpa perlu irisan gambar. Di WordPress, Anda tidak dapat menerapkan gradien ke tag tubuh seperti yang Anda lakukan untuk latar belakang yang solid, tetapi Anda dapat menggunakan wadah div yang membungkus seluruh situs web. Banyak tema yang dibangun di atas kerangka kerja CSS sudah menyertakan div seperti itu, meskipun Anda dapat menambahkannya jika tema Anda tidak.

Langkah 1

Pergi ke wp-admin direktori situs web Anda dan masuk ke dasbor WordPress. Navigasi ke Penampilan dan klik Editor tautan. Klik tautan untuk header.php di bawah tajuk Template untuk memuat file HTML yang berisi tag tubuh situs web Anda.

Langkah 2

Cari div dengan ID "wadah" tepat di bawah tag tubuh di file header.php Anda. Jika Anda tidak menemukannya, tambahkan satu. Inilah yang seharusnya terlihat seperti:

Simpan file dengan mengklik tombol **Update File** biru. Jika Anda menambahkan div, muat **footer.php** di editor dan tambahkan **

tepat di atas ** untuk menutup div.

Langkah 3

Beban style.css di redaksi. Tambahkan kode ini ke bagian paling bawah file:

wadah {

warna-latar belakang: #038394; background-image: linear-gradient(atas, #038394, #00CCCC); background-image: -webkit-linear-gradient(atas, #038394, #00CCCC); background-image: -moz-linear-gradient(atas, #038394, #00CCCC); }

Kode di atas menetapkan fallback untuk browser yang tidak mendukung gradien. Mengatur "background-image" ke "linear-gradient" membuat latar belakang gradien. Setidaknya, Anda perlu mengatur arah untuk memulai gradien dan kemudian dua warna yang memudar satu sama lain. Tambahkan baris kode itu lagi dua kali, tambahkan awalan Webkit dan Mozilla untuk browser Chrome, Safari, dan Firefox.

Klik biru Perbarui Berkas untuk menyimpan file style.css Anda. Latar belakang gradien Anda sekarang muncul di setiap halaman situs web WordPress Anda.