WordPress yazı özetini gösterme yazısını yazmaya blog temasını kodlarken karar verdim. Benim için yazı öncesi özet kısmı çok önemlidir. SEO’da avantajı var mı bilmiyorum ama görünüm olarak çok hoş oluyor.

Yazı özeti kısmını ilk webtekno.com’da görmüştüm. Görünüm gerçekten hoşuma gitmişti. Bu yüzden ben de eklemem gerektiğini düşündüm.

Hazır temayı yaparken o temaya da bu özelliği ekledim. WPDOZ okurlarının da faydalanması için kodları paylaşmaya karar verdim. Şimdi yazı içine özet kısmını ekleyeceğiz. Daha sonra özet kısmının uzunluğunu belirleyelim. Özet kısım uzunluğunu belirlememizdeki amaç; özet kısmı yazılmayan yazılardan otomatik özet belirleme.

WordPress Yazı Özetini Gösterme

Aslında bu kodu eklediğiniz zaman otomatik olarak özet kısmı geliyor. Biz bunu biraz özelleştirelim diyorum. Şimdi bu eklediğimiz kodu özelleştirmek için biraz daha kod var.

the_excerpt();

Öncelikle bu kodu bir div içine alıyoruz. Bu div’in ismine ‘post-excerpt’ diyelim. Kod yapısı şu şekilde olmalı.

<div class=”post-excerpt”>
<?php the_excerpt(); ?>
</div>

Bu kodu öne çıkan görsel kodunun altına koyabilirsiniz. Örneğin benim temamda konumu böyle.

excerpt ronek

the_post_thumbnail_url yazan yer öne çıkan görsel. Onun altına özet kısmını koydum. Siz de böyle yapabilirsiniz.

Şimdi bu sınıfı özelleştirelim. Aşağıdaki CSS kodlarını CSS dosyanıza ekleyiniz.

.post-excerpt{
  font-style: bold;
}

Bunu eklediğinizde özet kısmı biraz daha fazla kalın olacak.

Şimdi nasıl göründüğüne bakalım. Bu adrese giderek özet kısmının nasıl göründüğüne bakabilirsiniz.

https://demo.wpdoz.com/fimeyra/hirai-zerdus-dinliyorum-tavsiye-ediyorum/

Öne çıkan görselin altında.

WordPress Özet Uzunluğu Değiştirme

Özet uzunluğunu değiştirmek için ise aşağıdaki kodu fonksiyon dosyanıza ekleyiniz. Bazı temalarda functions.php dosyası şifreli oluyor. Tema yapımcınıza ek functions.php dosyasını sorup, ek fonksiyon dosyasına ekleme yapabilirsiniz.

function wpdoz_ozet_limit($length)
    {
        return 20;
    }
add_filter('excerpt_length', 'wpdoz_ozet_limit');

function wpdoz_excerpt_more( $more ) {
    return '...';
}
add_filter( 'excerpt_more', 'wpdoz_excerpt_more' );

Bu kodu eklediğimizde özet 20 kelime olacak. Eğer sayıyı değiştirmek istiyorsanız 20 yerine herhangi bir yazı yazabilirsiniz. Devamında da (…) gösterecek.

Gutenberg editörde sağ panelde, yazı ekleme sekmesinin altında bulunan Özet başlığına yazdığınız yazı özet kısmına gelir. Eğer yoksa ilk 20 kelimeyi çeker.