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

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

235
Yazılarınıza Ekleyebileceğiniz WordPress
Sitemin tek geliri olan reklamları görüntülemek için AdBlock eklentilerinizi kapatırsanız sevinirim 🙂

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 -->

“Ş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;
}
Yazılarınıza Ekleyebileceğiniz WordPress “Şu kadar dakikada okuyabilirsiniz” Eklentisi Yapımı
Puan: 5 - 2 oy