Abonelerimizden biri bize WordPress'in arka plan rengini rastgele değiştirmenin mümkün olup olmadığını sordu. Arka plan renkleri hedef kitleniz üzerinde önemli bir rol oynar. Kullanıcıların web sitenizle etkileşim kurma şeklini değiştirebilirler. Bu eğitimde size cihazınızın arka plan rengini nasıl rastgele değiştireceğinizi göstereceğiz. WordPress blog.

1 Yöntemi: Rastgele Renkler El İle Ekleme

Bu yöntem geliştiriciler için tasarlanmıştır. Eklentilerinize veya temalarınıza bir parça kod eklemenizi gerektirecektir. Gösterildiğini hatırla WordPress eklentisi nasıl oluşturulur.

Tek yapmanız gereken aşağıdaki kodu eklentinize veya temanızın “functions.php” dosyasına eklemektir.

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

Bu işlev yalnızca önceden oluşturduğu onaltılık renkleri görüntüler.

Bu nedenle, aşağıdaki görüntüdeki gibi boy etiketinin bulunduğu temanızın header.php dosyasını değiştirmeniz gerekecektir:

>

Aşağıdaki kodla değiştirmeniz gerekir:

style = "background-color: ">>

Dosyanızı kaydedin ve sayfanızı yenileyin, her seferinde bir renk değişikliği olduğunu fark edeceksiniz.

rastgele WordPress arka plan

Seçebileceğiniz renklerle ilgili bir sınırınız yok. Önceden tanımladığınız renklerle aynı şeyi yapmanız bile mümkün.

Yöntem 2: Bir eklenti ile arka plan renkleri nasıl değiştirilir

bu yöntemin oluşturulması daha iyidir. Çünkü birden fazla rengi aynı anda ve dinamik olarak görüntülemenize izin verir. Tek yapmanız gereken eklentiyi kurmak ve etkinleştirmek muhteşem arka plan renkleri. Bizim rehber okuyabilir WordPress eklentilerinin yüklenmesi ve etkinleştirilmesi hakkında.

animasyonlu arka plan

Erişerek  blogunuzun, ikincisinin degrade geçişinde değişen şeritler halinde temsil edilen arka plan renklerine sahip olduğunu fark edeceksiniz.

3 Yöntemi: CSS sınıflarıyla oynayarak nasıl özel renk eklenir

Presque tous dersi WordPress temaları standart işlevi kullanın " body_class » WordPress'ten “body” etiketinde. Bu işlev, WordPress veya eklentiler tarafından oluşturulan CSS sınıflarını WordPress'in gövde etiketine ekler. blogunuzun. Her sınıf, kişinin bulunduğu yere göre değişir. Kategorilerin sınıfı bu nedenle arşivlerin veya yazarlarınkinden farklı olacaktır.

Örneğin, "adlı bir kategoriye sahip bir blogunuz varsa fotoğrafçılık", Ardından ilgili sınıfı blog arşivleri sayfasında bulabilirsiniz.

Blog ürün sınıfı

Bu andan itibaren, bu etikete belirli bir stil uygulayabilirsiniz.

body.category-fotoğrafçılık {background-color: #faebd7; }

Benzer şekilde, belirli bir kategori için belirli bir kod da uygulayabilirsiniz.

body.postid-65 {plan renkli: #faebd7; }

Bilinmesi gereken her şey bu kadar. Umarım bu eğitim, bilgisayarınıza özel sınıflar eklemenize izin verir. WordPress blog. Bu makaleyi, sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşmaktan çekinmeyin.