Buradan indirerek aktif hale getirdikten sonra geriye sadece temanızın footer.php dosyasına aşağıdaki kodu eklemek kalıyor:

<!--?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?-->

Alternatif 1 , Aciklama

Alternatif 3

Wp-pagenavi pluginine görüntü ilavesi yapalim

Pagenavi eklentisini üstte verdik , gel gelelim siz rengini falan degistirmek isteyebilirsiniz (benim gibi) bu gibi bir durumda yapmaniz gerekenler aşağıda
Plugin i kurduktan sonra aşağıdaki dosyayi acalim

http://www.siteadi.com/wp-content/plugins/wp-pagenavi

sonrasinda pagenavi-css.css dosyasni notepad ile acalim
Original dosya:

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
   clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
   text-decoration: none;
   border: 2px solid #c00000;
   padding: 3px 5px;
   margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
   border-color: #000;
}

.wp-pagenavi span.current {
   font-weight: bold;
}

ilaveden sonra:

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
   clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
   text-decoration: none;
   border: 2px solid #c00000;
   padding: 3px 5px;
   margin: 2px;
}

.wp-pagenavi a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #f9bb00;
}

.wp-pagenavi span.current {
   border-color: #000000;
}

.wp-pagenavi span.current {
   font-weight: bold;
}

ilave edilen kısım:

.wp-pagenavi a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #f9bb00;
}

Böylece üzerine gidildiginde rakamlarin rengi siyahtan beyaza ve arkaplan rengi beyazdan turuncuya dönüyor

Velociraptor