WordPress Yazı Alt Bilgisi Eklentisi

Maillerimi kontrol ederken yazılarımın sonunda bulunan yazı alt bilgisinin nasıl yapılacağına dair bir mail aldım. Bu eklentiyi birkaç kişi sormuştu daha önce de zaten. Bende bu yazımda yapılması çok basit olan bir eklentiyi anlatmaya çalışacağım. Daha önce blogger’da da bunun nasıl yapılacağını anlatmıştım. [Bkz:] Eğer bu yazıyı okuyor iseniz ve bunu yapmaya karar verdiyseniz hemen başlayalım:

Öncelikle bir CSS tanımlamasına ihtiyacımız var. Ben gördüğünüz üzere arkaplânı hafif sarımtrak olan bu hoş rengi kullanmayı tercih ettim. Ve bu kutunun içinde birde küçük bir iconumuz bulunmakta. Böylece görsel olarak daha efektif göründüğünü söyleyebilirim. Kendi kullandığım bu kodları sizlerle tamamiyle paylaşacağım ve bu konuda cimrilik yapmayacağım 🙂 CSS‘nizi şöyle tanımlayabilirsiniz:

/* Yazı Alt Bilgisi Eklentisi Başlangıç */
#altyazi{background-color:#fff8af;width:603px;border:solid 1px #e1e1e1;border-top:none;padding:8px;-moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1);box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1);}
 .altyazi {margin-top: 0.5em;margin-bottom: 0.5em;padding: 1em 1.5em 1em 7.5em;border-bottom: 2px solid #fff;border-top: 2px solid #fff;background: url(resim/info.png) 2.2em center no-repeat;}
.icon-ortalayici {margin-left:70px;}
/* Yazı Alt Bilgisi Eklentisi Bitiş */

CSS‘mizi tanımladıktan sonra şimdi de bize asıl gereken kodları vereceğim. Bu kodları temanızın single.php bölümüne kopyalayacaksınız. Ayrıca yazı okunma sayısını gösterebilmek için wp-postviews eklentisini kurduğunuzu varsayarak bu kodları şu şekilde yazının altına gelecek bir şekilde kopyalayın ve yapıştırın:

<div id="altyazi" class="altyazi"><div class="icon-ortalayici">Bu yazı <b><?php the_time('j F Y') ?></b> tarihinde, saat <b><?php the_time('H:s') ?></b> sularında, <?php the_category(', ') ?> adlı kategoriye eklenmiştir. Bu ve buna benzer yazıları <a href="http://www.siteadresiniz.com/feed"><b>RSS 2.0</b></a> ile takip altına alabilir veyahut bu yazının yorumlarını yine <b><?php comments_rss_link('RSS'); ?></b> üzerinden takip edebilirsiniz. Ayrıca bu yazı tam <b><?php if(function_exists('the_views')) { the_views(); } ?></b> kez okunmuş.</div></div>

Evet arkadaşlar işte yapımı bu kadar basit olan bir eklentiyi anlatmaya çalıştım. CSS kodunun içindeki info.png resmini isterseniz benim blogumdan alın kendi hostunuza atın, isterseniz siz kendi iconunuzu yükleyin. Herkese kolay gelsin, görüşmek üzere..

Bu yazıdan önce yazmış olduğum "Sitenizi Mobile Uyumlu Hale Getirin" başlıklı yazımı da okumanızı tavsiye ederim.

Bu Yazıya Emoji İle Tepki Ver?

  • Beğen
  • Muhteşem
  • Hahaha
  • İnanılmaz
  • Üzgün
  • Kızgın

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

2 yorum

  1. Yunus Şimşek   •  

    Okuyucuyu bilgilendirmek amaçlı güzel bir eklenti sitemde bir ara kullanmıştım.

  2. selcuk   •  

    Cok saol yaptim oldu 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Güvenlik Sorusu ? * Time limit is exhausted. Please reload the CAPTCHA.