Yorumlarınızı Numaralandırmak

Biliyorum birçok yerde bu konu hakkında değişik bilgiler ve daha dorusu bu işlemi yapan eklentiler de var. Ama ben eklenti (gerekli olanlar hariç) kullanmayı pek sevmediğimden(!) böyle ufak tefek şeyler için, en azından kendim ekleyemediğim yada bir şekilde başarısız olduğum şeyler için eklenti kurmuyorum. Uzun süre önce eklediğim bu yeni temada numaralandırma -yorumlarda- olmadığını biliyordum ama elim hiç oraya gitmedi iş yüzünden. Dün gece bir ara boş kaldığımı farkettim ve ufak bir araştır, karıştır arasından bu kodu çıkardım. Şimdi aşağıya ekleyeceğim 3 satır kod ve bir css stili ile birlikte artık yorumların numaralarını gösterebileceksiniz.

Önce neler yapacağız şöyle bir bakalım;

  • Temamızda bulunan comments.php içine kod ekleyeceğiz. (YEDEĞİNİ ALIN)
  • Sonrasında da style.css içine kod ekleyeceğiz. (YEDEĞİNİ ALIN)

İşte kodlar;

Aşağıda vereceğim üç satır kodu gene aşağıda vereceğim gibi sıralamanız gerekecek. İlk önce kodlarımızı görelim.

<?php $i = 1; ?>
<div class="commentnumber">#<?php echo $i; ?></div>
<?php $i++; ?>

Ne şimdi bu diyenler için şöyle açıklayalım. burada “i” değişkenine bir sayı ve değer atıyoruz. ve bunu her foreach (tekrarlanan kod) komutu için 1 arttırıyoruz. Böylece rakamsal olarak bir artış oluyor.

Şimdi bu kodu aralara serpiştiriyorum ve o kodu aşağıya ekliyorum.

<ol id="commentlist">

<?php $i = 1; ?>
<?php foreach ($comments as $comment) : ?>
<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">
<?php echo get_avatar( $comment, 32 ); ?>
<?php comment_text() ?>

<p><cite><?php comment_type(_c('Comment|noun'), __('Trackback'), __('Pingback')); ?> <?php _e('by'); ?> <?php comment_author_link() ?> &amp;#8212; <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a></cite> <?php edit_comment_link(__("Edit This"), ' |'); ?></p>
<div class="commentnumber">#<?php echo $i; ?></div>
</li>
<?php $i++; ?>

<?php endforeach; ?>

Bu benim comment.php içindeki kod dağılımım. Siz de kendi temanızda yorum listesi başlangıcını bulun ve benim kodları nerelere ekledğime dikkat ederek bu kodları yerleştirin. Sonrasında kaydetmeden önce CSS stil dosyasına da şu aşağıdaki kodları ekleyin.

/* Yorum Numaraları */
.commentnumber {
position: absolute;
right: 5px;
top: 5px;
font-size: 18px;
color: #454545;
}
.commentlist li {
position: relative;
}
/* Yorum Numaraları */

Eğer sayılara bir de link eklemek isterseniz

#&amp;lt;?php echo $i; ?&amp;gt;

kodunun olduğu yeri şu kodla değiştirin.

<a href="#comment-<?php comment_ID() ?>" title="">#<?php echo $i; ?></a>

Dosyaları kaydedip sunucunuza gönderin. Hepsi bu kadar. İşte size bir de ekran görüntüsü. Zaten yorumlarda da var :))


Bir cevap yazın

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