Tabii ki bu temayı da güzelleştirmenin (hızdan kesmeden) yolları mevcut.
Sizlerle başladığımız bu seride 6. bölüme geldik. Sizlerle beraber bu temayı baştan sona kadar güzelleştirmeyi hedefliyoruz
Bakalım yolun sonu nereye gidiyor...
Bu bölümde sizlere h2 ve h3 taglarını düzenlemeyi göstereceğim.
Çok ciks bir tasarım çıktı ortaya bana göre.
Klasiğimizle devam edelim.
Before:
After
:
Sizleri bekletmeden nasıl yapılacağına geçelim.
Görünüm > Özelleştir > Ek CSS bölümüne geliyoruz.
Daha sonra ilgili alana aşağıdaki kodları ekliyoruz.
/* H2 - H3 */
.entry-content h2,h3{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to bottom left, #553c9a, #ee4b2b);
text-shadow: 0px 4px 10px rgba(179, 147, 211, 0.5);
border-radius:50px;
color:white!important;
}
.entry-content h3{
padding: 7px 7px 7px 25px;
}Sonrasında yayımlamamız yeterlidir.Hayırlı olsun
Farklı renk kombinasyonlarımız da var sizin için hazırladığım ancak kendi renginizi belirlemek isterseniz:
background-image: linear-gradient(to bottom left, #553c9a, #ee4b2b);
Bu satırda bulunan 553c9a ve ee4b2b değerlerini değiştirmeniz yeterlidir.
Kırmızı - Sarı
Su Yeşili - Mavi
Lacivert - Mor
Umuyorum beğenmişsinizdir güzel bir tasarım oldu bana kalırsa
Gelecek bölümlerde sizin özellikle istediğiniz şurayı da güzelleştirelim, düzenleyelim dediğiniz yerler de var ise yorumlarda belirtebilirsiniz.
Şuanki aklımda bulunan yerlerin planına göre en az 10 bölüme tamamlamış olacağız sizlerin istekleriyle bunu arttırabiliriz
Serinin diğer içerikleri:
- FAQ Bölümü Rank Math
- Entry Meta - Yazar ve İçerik Metası
- İçerik & Makale Gölgesi
- Alıntılar
- Navigasyon Barı
Şuradan da asıl içeriğe erişebilirsiniz: GeneratePress Teması Nasıl Özelleştirilir?
İyi forumlar dilerim esen kalın
