Kullandığımız tüm temalarda nerdeyse hazır olarak bu işlev geliyor. Tema yapımcısı bunu es geçmiyor. Fakat temayı biz kodluyorsak bu sefer bu işlevi bizim yapmamız gerekiyor. Alttaki kodlar yardımcı olacaktır.

Görünümü.

Functions.php dosya içeriğine eklenecek.

CODE
function sayfalama($pages = ”, $range = 3)

{

$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 “
“;

if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "İlk“;

if($paged > 1 && $showitems < $pages) echo "«“;

for ($i=1; $i = $paged+$range+1 || $i

Style.css dosyasına eklenecek.

CODE
.wp-pagenavi .extend{

display: none;

}

.wp-pagenavi .pages{

display: none;

}

.wp-pagenavi span.current{border: 1px solid #000;

color: #000;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

-moz-box-shadow: inset 0 0 1px #fff;

-ms-box-shadow: inset 0 0 1px #fff;

-webkit-box-shadow: inset 0 0 1px #fff;

box-shadow: inset 0 0 1px white;

background: #fff; /* For IE and older browsers */

background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);

background-image: -ms-linear-gradient(top,#fff 0,#fff 100%);

background-image: -o-linear-gradient(top,#fff 0,#fff 100%);

background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#fff));

background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);

background-image: linear-gradient(to bottom,#fff 0,#fff 100%);

display: inline-block;

line-height: 2.48em;

height: 2.4em;

text-decoration: none;

margin: 0 .3em 12px;

padding: 0 .85em;

font-size: 12px;

text-shadow: 0 1px 0 #fff;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited {

border: 1px solid #CCC;

color: #666;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

-moz-box-shadow: inset 0 0 1px #fff;

-ms-box-shadow: inset 0 0 1px #fff;

-webkit-box-shadow: inset 0 0 1px #fff;

box-shadow: inset 0 0 1px white;

background: #fff; /* For IE and older browsers */

background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);

background-image: -ms-linear-gradient(top,#fff 0,#fff 100%);

background-image: -o-linear-gradient(top,#fff 0,#fff 100%);

background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#fff));

background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);

background-image: linear-gradient(to bottom,#fff 0,#fff 100%);

display: inline-block;

line-height: 2.48em;

height: 2.4em;

text-decoration: none;

margin: 0 .3em 12px;

padding: 0 .85em;

font-size: 12px;

text-shadow: 0 1px 0 #fff;

}
.wp-pagenavi a:hover{

border: 1px solid #385ae0 !important;

-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);

-ms-box-shadow: 0 0 3px rgba(0,0,0,.25);

-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);

box-shadow: 0 0 3px rgba(0,0,0,.25);

}

Sayfalamanın olacağı yere ekleyin. (index.php, arşiv v.b sayfalar)

CODE