Generate Press Güzelleştirme Serisi #1 ✅ FAQ Bölümü Rank Math

Günümüzün popüler temalarından Generate Press aşırı hızlı olmasına rağmen aşırı sade bir yapıya sahip.
Tabii ki bu temayı da güzelleştirmenin (hızdan kesmeden) yolları mevcut.

İşte bu hususta sizlere Generate Press temasını nasıl daha güzel bir hale getirebileceğinizi gösteren bir seri hazırlamayı planlıyorum.

Bugünün görsel içeriğinde ise FAQ bölümü mevcut.
Rank Math'in FAQ bölümünde geçerli olan özelleştirmesini göstereceğiz.

Before After yapalım isterseniz

Before:



Bu Generate Press'i ilk kurduğunuzda, default temanın FAQ bölümü yani aslında hiçbir fark yok normal başlıklardan.
Baya sade ve kullanıcılara güzel gözükmeyen, önemsenmeyen bir bölümden onu ilgi çekici bir hale getirelim

CSS kodumuz:

/* SSS Görünüm */
 .rank-math-list-item {
     -webkit-box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75);
     border-radius:10px;
     margin: 1em auto;
     overflow: hidden;
     padding: 10px 10px 10px 25px;
     background-image: linear-gradient(to right, #1E90FF 0%, #00BFFF 50%, #00BFFF 100%);
     color:white!important;
}

Bu kodları Özelleştir > Ek CSS bölümüne eklemeniz yeterlidir.

After :




Görüntü olarak çok daha okunaklı, ilgi çekici bir alan değil mi
Kenalarına gölgelendirmeler, yazı renk değişimi, arka planda geçişli mavi tonları bulunuyor.

Renklerinde değişiklik yapmak isterseniz CSS kodlarındaki
Bölümünü satırını düzenleyebilirsiniz.
Sizlere birkaç renk kombinasyonu daha vereyim dilerseniz

Kırmızı:
Yeşil:
Bu renk kombinasyonlarını da deneyebilir, kendiniz yeni kombinasyonlar üretebilirsiniz
Umuyorum ilginizi çeken güzel bir içerik olmuştur.

Gelecek güzelleştirme, özelleştirmemizde tekrar görüşmek üzere.
Şuradan da asıl içeriğe erişebilirsiniz: GeneratePress Teması Nasıl Özelleştirilir?

İyi forumlar dilerim esen kalın

Serinin diğer içerikleri:
- Entry Meta - Yazar ve İçerik Metası
- İçerik & Makale Gölgesi
- Alıntılar
- Navigasyon Barı

Çok iyi kral

Sağ olun var olun hocam

Ve siz bu içerikleri kimseden bir menfaat beklemeden ÜCRETSİZ yapıyorsunuz..

Minnettarım hocam yorumunuz için maksat hep beraber ileri gidelim

ellerinize sağlık hocam, yoast için de işe yarar mı bu ek css

Teşekkür ederim, Yoast için ayrı yazılması gerekiyor yada oradaki belirtilen class'ı direkt değiştirerek bir kullanım yapılabilir belki ancak sağlıklı olmaz

Yoast için bi güncelleme yapacak var mı emeğine sağlık bu arada.

Yakın vakitte üretiriz diye umuyorum denemem lazım ilk Yoast'ı.
Teşekkürler yorumunuz için