WordPress temalarımızı geliştirmek amacı ile bu kategorideki ilk anlatımımızı Eklentisiz Sayfalama (Pagenavi) Özelliği Ekleme konusunu ele almak istedik.Bir çok wordpress tema sever bloglarına yada sitelerine önce wp-pagenavi eklentisi kurmakta.Eklentiler sitelerimizi fazlası ile yavaşlattığından dolayı eğer elimizden geliyorsa eklentileri az ve öz kullanmalıyız.
Sayfalama eklentileri her ne kadar sitelerimizi yavaşlatmasada kod ile çözülebilecekken neden kullanalım değil mi? Yapacağımız işlemler çok basit olmakla birlikte adımlara harfiyen uyarak sizde wordpress temanıza bu özelliği eklenti olmadan kazandırabilirsiniz.
Sayfalama eklentileri her ne kadar sitelerimizi yavaşlatmasada kod ile çözülebilecekken neden kullanalım değil mi? Yapacağımız işlemler çok basit olmakla birlikte adımlara harfiyen uyarak sizde wordpress temanıza bu özelliği eklenti olmadan kazandırabilirsiniz.
Yapılacak İşlemler
Tema klasörünün içerisindeki functions.php dosyasını kod editörü programımızla açıp şunları ekliyoruz,
1. ?>Kodundan Hemen Önce ;
view plain copy to clipboard print ?
1. function kt_sayfa($pages = '', $range = 2)
2. {
3. $showitems = ($range * 2)+1;
4.
5. global $paged;
6. if(emptyempty($paged)) $paged = 1;
7.
8. if($pages == '')
9. {
10. global $wp_query;
11. $pages = $wp_query->max_num_pages;
12. if(!$pages)
13. {
14. $pages = 1;
15. }
16. }
17.
18. if(1 != $pages)
19. {
20. if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "
<a href='".get_pagenum_link(1)."'>«</a>";
21. if($paged > 1 && $showitems < $pages) echo "
<a href='".get_pagenum_link($paged - 1)."'>‹</a>";
22.
23. for ($i=1; $i <= $pages; $i++)
24. {
25. if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-
1) || $pages <= $showitems ))
26. {
27. echo ($paged == $i)? "<span class='current'>".$i."</span>":"
<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
28. }
29. }
30.
31. if ($paged < $pages && $showitems < $pages) echo "
<a href='".get_pagenum_link($paged + 1)."'>›</a>";
32. if ($paged < $pages-1 && $paged+$range-
1 < $pages && $showitems < $pages) echo "
<a href='".get_pagenum_link($pages)."'>»</a>";
33. }
34. }
Kodlarını ekleyip kaydediyoruz.Ardından temamızın style şablonunu açıp (genelde style.css adındadır) en alta
şu kodları ekliyoruz,
1. /* Sayfalama */
2. .sayfalama{width:100%;margin:10px 0;padding:5px;text-align:center;font-size:16px;}
3. .sayfalama a, .sayfalama span{padding:10px;margin-right:1px;color:#082e70;}
4. .sayfalama a:hover, .sayfalama span.current{background:#f5f5f5;color:#b20000;border:2px solid #e0dfdf;}
4. .sayfalama span.current{font-weight:bold;}
http://webdalga.blogspot.com/
Yorum Gönder