İsmail Bayram > > WordPress Eklentisiz Sayfalama (Pagenavi)

Kas
06
Kategori :
Tarih : 06.11.12
Görüntülenme : 846
Yorum : 6

WordPress Eklentisiz Sayfalama (Pagenavi)

wordpress logo

Merhaba arkadaşlar…Bugün sizlere wordpress sisteminde sayfalamayı göstereceğim.Aslında bu fonksiyonun bir eklentisi var ama fazla eklenti fazla sorgu demek olduğu için siteyi yavaşlatacağından kullanabileceğiniz en az sayıda eklentiyi kullanmaya çalışın.Vakit kaybetmeden kodları ve kullanımını anlatmaya başlayayım.

 

 

Temamızın functions.php dosyasını açıyoruz.Tabi her zamanki gibi yedek almayı unutmuyoruz.Ve şu kodları ekliyoruz;

/* sayfalama baş */
function sayfalama($pages = '', $range = 2)
{
     $showitems = ($range * 2)+1; 
     global $paged;
     if(empty($paged)) $paged = 1;
     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     } 
     if(1 != $pages)
     {
         echo "<div id='sayfalama'>";

         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo;</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo;</a>";
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
             }
         }
         if ($paged < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($paged + 1)."'>&rsaquo;</a>";
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>&raquo;</a>";
         echo "</div>";
     }
}
/* sayfalama son */

Daha sonra wordpress temamızın style.css dosyasını açıyoruz ve şu kodları ekliyoruz;

/* Sayfalama */
#sayfalama {
width : 600px;
height : 25px;
float : right;
margin-top : 15px;
background-color : #f2f2f2;
border : #d3d3d3 solid 1px;
word-spacing : 3px;
text-align : center;
}
#sayfalama li {
display : inline-block;
}
#sayfalama a, #sayfalama span {
color : #000;
display : inline-block;
padding-top : 7px;
margin-left : 10px;
text-align : center;
text-decoration : none;
color : #7c7c7c;
}
#sayfalama .current {
color : #0097dd;
}
#sayfalama a:link {
font-size : 14px;
color : #7c7c7c;
}
#sayfalama a:hover {
text-decoration : none;
color : #0097dd;
}
/* #Sayfalama */

Bundan sonrası çok basit istediğiniz gibi düzenleyebilirsiniz zaten wordpress kodlarında olay budur.Azıcık PHP bilmeniz yeter.Sonrası kodları tıpkı bir yap-boz gibi yerlerine yerleştirmektir.

Şimdi burda #sayfalama kısmı sayfaların gösterileceği yerin alanı.Buna eğer border:1px solid red; kodu verirseniz ne olduğunu anlarsınız.#sayfalam li kısmıda sayfaları listelemedir.Yani ona da bir kırmızı border atarsanız ne olduğunu anlarsınız.#sayfalama .current kısmı da bulunduğumuz sayfanın alt kısımda gösterilmesidir.Yani mesela 3. sayfadayız alt tarafta şöyle yazar : 1 2 3 4 5 …3 sayısı hariç diğerlerini link şeklinde gösterilir 3 sayısı normal yazı şeklinde gösterilir o kod da onu düzenlemeye yarar.Zaten azıcık css bilginiz varsa bu kodların renklerini değiştirerek ne işe yaradıklarını çözebilirsiniz.

Daha sonra temanızda index.php dosyasını açarak şu koddan önce;

<?php endif; ?>

Şu kodu ekleyin;

<?php sayfalama(); ?>

Evet bu kadar artık sayfalamanız olmuştur.

Ayrıntılı Video Anlatım : WordPress Sayfalama Videosu

Umarım faydalı olmuştur.

VN:F [1.9.22_1171]
Rating: 7.3/10 (7 votes cast)
VN:F [1.9.22_1171]
Rating: -1 (from 5 votes)
WordPress Eklentisiz Sayfalama (Pagenavi), 7.3 out of 10 based on 7 ratings

Yazar Hakkında

16 Kasım 1996′da dünyaya Balıkesir’de gözlerimi açtım.Tenoloji ve elektronik tarzı şeyler her zaman ilgimi çekmiştir.7 yaşımda ilk internet cafeye gittiğim gün hepimizin en az bir kere bile oynadığı CS 1.6 ile tanıştım.Tabi o zamanlar küçüktük böyle webmasterlıkmış falan yok bilmiyoruz adını dahi.Sonra evime bilgisayar alınmasıyla iyice aram yakınlaştı.Gamemaker ile içli dışlı oldum.Daha sonra üye olduğum bir forum sitesi sayesinde bilgisayarın temeline girdim.2012 Nisan ayından itibaren HTML&CSS ve WordPress’te kendime göre önemli yollar kathettim.Biraz da PHP bilgimin olması beni WordPress ile daha kolay yakınlaşmamı sağladı ve vazgeçilmezim oldu.Şimdi ise burdayım.Ayrıntılı Bilgi için En iyisi tek olmak adlı makaleme bakabilirsiniz.

Yazıyı Paylaş!
Yorumlar(6)
  1. Sesli 06 Kasım 2012

    Hocam elinize sağlık buda her siteden CSS dosyasının azalması demektir. Böylece Google gözünde + puan kazanç demektir. SEO konusunda CSS dosyaların fazlalığı zarardır ve Pagenavi eklentisi buna yol açan eklentilerdendir. Yani sayfa kaynak kodu görüntülendiğinde 1 adet Pagenavi eklentisinin CSS uzantılı dosyasıyla karşılaşmak mümkündür. :) Paylaşım için teşekkürler boş zamanımda bunu uygulayacağım. Sohbet tadında anlatım olmuş.


  2. bahadır 16 Kasım 2012

    Her şeyi eklentilerle çözmeye çalışıyoruz faydalı bir yazı bu bağımlılıktan bizi kurtarır belki…


  3. Wordpress Sayfalama Sistemi Eklentisiz 06 Aralık 2012

    bukadar Paylaşımı için İsmail Bayram’a teşekkür ederim


  4. samet 23 Aralık 2012

    adamın dibisin ya tam aramaktan vazgeçiyordum ki son anda buldum eklentisiz pagenavi şu kolay işlem için bile bi eklenti kullanmak sinirlerimi bozuyordu.

    Şimdi isteğime göre de biraz css de oynama yaptım mı tamamdır.Çok sağolasın çok makbule geçti hocam.


  5. chat 03 Şubat 2013

    paylaşım için tşkler hocam artık şu eklentilerden kurtulsakda böyle kodlarla işimizi halletsek daha iyi olur :)



Sen de Yorumla!

Spamlara karşı soru: