Abonelerimizden biri bize WordPress arka planının rengini rastgele değiştirmenin mümkün olup olmadığını sordu. Arka plan renkleri hedef kitlenizde önemli bir rol oynar. Kullanıcıların web sitenizle etkileşimde bulunma şeklini değiştirebilirler. Bu eğiticide, WordPress blogunuzun arka plan rengini rastgele nasıl değiştireceğinizi göstereceğiz.

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

Blogunuza eriştiğinizde, gradyan geçişinde değişen çizgilerle temsil edilen arka plan renklerine sahip olduğunu fark edeceksiniz.

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

Neredeyse tüm standart WordPress temaları "işlevini kullanır body_class "Body" etiketinde WordPress. Bu işlev, WordPress tarafından oluşturulan CSS sınıflarını veya eklentileri blogunuzun gövde etiketine ekler. Her sınıf, bulunduğunuz yere göre değişir. Bu nedenle kategori sınıfı, arşiv veya yazarlardan 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; }

Tüm bilmen gereken bu. Umarım bu eğitim, WordPress blogunuza özel sınıflar eklemenize izin verir. Bu makaleyi en sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşmaktan çekinmeyin.

2 hisseleri
hisse2
cıvıltı
Enregistrer