Salah satu pelanggan kami bertanya kepada kami apakah mungkin mengubah warna latar belakang WordPress secara acak. Warna latar belakang memainkan peran penting pada audiens Anda. Mereka dapat mengubah cara pengguna berinteraksi dengan situs web Anda. Dalam tutorial ini, kami akan menunjukkan cara mengubah warna latar belakang Anda secara acak blog WordPress.

Metode 1: Cara Menambahkan Warna Acak Secara Manual

Metode ini ditujukan untuk pengembang. Ini akan meminta Anda untuk menambahkan sebagian kode di plugin atau tema Anda. Ingat Anda telah ditunjukkan cara membuat plugin WordPress.

Yang harus Anda lakukan adalah menambahkan potongan kode berikut ke plugin Anda, atau ke file "functions.php" tema Anda.

fungsi bpc_bg () {$ rand = array ('0', '1', '2', '3', '4', '5', '6', '7' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ rand [rand (8)] $ rand [rand (9)] $ rand [rand (0,15)]. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)] .. echo $ color; }

Fungsi ini hanya menampilkan warna heksadesimal yang dihasilkan sebelumnya.

Oleh karena itu Anda perlu memodifikasi file header.php dari tema Anda, di mana tag anak laki-laki berada seperti pada gambar berikut:

>

Anda harus menggantinya dengan kode berikut:

style = "background-color: ">>

Simpan file Anda dan segarkan halaman Anda, Anda akan melihat bahwa ada perubahan warna setiap saat.

latar belakang WordPress acak

Anda tidak memiliki batasan warna yang dapat Anda pilih. Bahkan dimungkinkan untuk melakukan hal yang sama dengan warna yang telah Anda tentukan sebelumnya.

Metode 2: Cara mengubah warna latar belakang dengan plugin

rendering metode ini lebih baik. Karena memungkinkan Anda untuk menampilkan banyak warna secara bersamaan dan dinamis. Yang harus Anda lakukan adalah menginstal dan mengaktifkan plugin warna latar belakang yang menakjubkan. Anda bisa membaca panduan kami tentang menginstal dan mengaktifkan plugin WordPress.

latar belakang animasi

Dengan mengakses  blog Anda, Anda akan melihat bahwa yang terakhir memiliki warna latar belakang yang direpresentasikan sebagai garis-garis yang berubah dalam transisi gradien.

Metode 3: Cara menambahkan warna khusus dengan bermain dengan kelas CSS

Pelajaran presque tous Tema WordPress standar menggunakan fungsi " body_class » dari WordPress pada tag “body”. Fungsi ini menambahkan kelas CSS yang dihasilkan oleh WordPress atau plugin ke tag body blog Anda. Setiap kelas berbeda-beda tergantung lokasinya. Oleh karena itu, kelas kategori akan berbeda dengan kelas arsip atau penulis.

Misalnya, jika Anda memiliki blog dengan kategori yang disebut " fotografi“, Kemudian Anda dapat menemukan kelas yang sesuai di halaman arsip blog.

artikel blog kelas

Mulai saat ini, Anda dapat menerapkan gaya tertentu untuk tag ini.

body.category-photography {background-color: #faebd7; }

Demikian pula, Anda dapat menerapkan kode spesifik untuk kategori tertentu

body.postid-65 {background-color: #faebd7; }

Itu saja yang perlu diketahui. Saya harap tutorial ini akan memungkinkan Anda untuk menambahkan kelas khusus pada Anda blog WordPress. Jangan ragu untuk membagikan artikel ini dengan teman-teman Anda di jejaring sosial favorit Anda.