Yazılarınıza Ekleyebileceğiniz WordPress “Şu kadar dakikada okuyabilirsiniz” Eklentisi Yapımı

Merhabalar. Bu yazımda size WordPress yazılarınıza ekleyebileceğiniz “Şu kadar dakikada okuyabilirsiniz” eklentisini nasıl kendim yaptığımı anlatacağım. Bu özelliği çeşitli sitelerde gördüm ve hoşuma gitti fakat doğru düzgün bir eklenti bulamadım. Ayrıca sitelerimi ağırlaştırdıkları için eklentilerden oldukça uzak durmaya çalışıyorum. Bu yüzden kendi çabalarımla bu görevi yapan kısa bir kod yazdım. Aşağıdaki kodları temanızın belirtilen dosyalarına eklediğinizde bu özelliğe sahip olabilirsiniz.

Şunu da belirtmem gerekirse, kodumun daha iyi, daha kısa bir versiyonu yazılabilir. İşimi görüyor ve fazla PHP tecrübem yok diye böyle bıraktım.

“Şu kadar dakikada okuyabilirsiniz” Eklentisinin PHP Kodları

Aşağıdaki PHP kodunu temanızın functions.php dosyasının en altına, varsa ?> den önce yerleştirmelisiniz.

function kelime_sayar() {
    $hiz = 250;
    $kelime = str_word_count( strip_tags( get_post_field( 'post_content', get_the_ID() ) ) );
    $sonuc = $kelime/$hiz;
    $sonuc = round($sonuc);
    $txt = sprintf("%s dakikada okuyabilirsiniz", $sonuc, 'text-domain');
        if ($sonuc>0) {
            echo $txt;
            }
}

Temanızın content-single.php dosyasının belirtilen yerine eklemelisiniz. Ben komple entry-meta bölümünü düzenlemek zorunda kaldım. Düzenlemediğimde yazdığım kod alt satırda gözüküyordu. Aşağıdaki gibi yaparsanız sizde de tam benim sitemde göründüğü gibi görünür.

<div class="entry-meta"> 
	<div class="entry-meta-bilgiler">
		<?php
		vantage_posted_on();
		?>
		</div>
	<div class="entry-meta-okuma-hizi">
		<?php
		kelime_sayar();
		?>
		</div>
</div><!-- .entry-meta -->

İLGİLİ YAZI

Yazılarınıza Ekleyebileceğiniz WordPress İlgili Kartı Eklentisi Yapımı

“Şu kadar dakikada okuyabilirsiniz” Eklentisinin CSS Kodu

Bu kodları da CSS’i düzenle kısmına veya style.css dosyasına yerleştirmeliyiz. Yukarıdaki ve buradaki kodları Child Theme kullanarak yaparsanız tema güncellemelerinizde değişiklikleriniz kaybolmaz. Child Theme için de detaylı anlatım yaptığım bir yazı yazacağım. Takıldığınız yerleri sorabilirsiniz.

.entry-meta-bilgiler {
    float: left;
    }
.entry-meta-okuma-hizi {
    margin-left: 5px;
    float: left;
    font-size: 13px;
    background-color: #eee;
    color: #343538;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 12px;
    margin-top: -2px;
    }

“Şu kadar dakikada okuyabilirsiniz” Eklentisi Kurulum ve İndirme Bağlantısı

Eklentiyi WordPress Admin / Eklentiler / Yeni Ekle kısmından “Eklenti Yükle” butonuna basarak direk .zip dosyasını upload ederek kurabilirsiniz. Kullanımını da yukarıda anlatmıştım zaten. Kolay gelsin 🙂