Ana Sayfa Teknoloji Website ve Web Tasarım WordPress Bileşen Arka Plan Değiştirme

WordPress Bileşen Arka Plan Değiştirme

48
0

WordPress sitelerde yan menülerde gösterilen bileşenlerin arka plan rengi nasıl değiştirilir?

Henüz bilmeyenler için iki farklı yolunu anlatacağım.

Birinci yolu eklenti kullanmak.

Widget CSS Classes adlı ücretsiz WordPress eklentisini sitenize yükleyip aktif edin.

Ardından Görünüm > Bileşenler sayfasını açın ve arka planını değiştirmek istediğiniz bileşenin üzerine tıklayın.

O bileşenin altında yeni bir alan göreceksiniz CSS Classes adlı bir alan.

2022 04 15 02 34 27 1

Bu alana yeni bir isim verin ve ardından temanızın CSS stil sayfasını açarak verdiğiniz bu isim için dilediğiniz arka plan rengini ayarlayın.

Örneğin üstteki resimde Son Yazılar (Recent Posts) bileşenin CSS Classes alanına recent adı verilmiş. Arka plan rengi ise aşağıdaki gibi bir kodla dilediğiniz renk olacak biçimde değiştirilebilir.

.recent { 
background-color: #858585;
}

Sonuç aşağıdaki gibi görünecek.

2022 04 15 02 36 30 3

Eklentisiz yöntem

Chrome tarayıcısında sitenizi görüntüleyin ve arka planını değiştirmek istediğiniz bileşenin üzerine gelip sağ tıklayarak İncele deyin.

Snag 6F64961 5

Böylece yukarıdaki resimde gördüğünüz gibi o bileşenin class adını göreceksiniz.

Bizim örneğimizde class adı “widget” ve “widget_recent_entries” olmak üzere iki tane verilmiş. Biz bunlardan sadece son yazılar bileşenini etkileyen “widget_recent_entries” sınıfını kullanacağız.

Aşağıdaki kodu kullanarak ve renk kodunu dilediğiniz gibi değiştirdikten sonra CSS sayfanıza ekleyebilirsiniz.

.widget_recent_entries { 
background-color: #858585;
}
Önceki İçerikWordPress Siteye Vimeo Videolar Nasıl Eklenir?
Sonraki İçerikInstagram takipçi hilesi şifresiz ücretsiz (2022)

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz