Bu eklenti sayesinde wordpress sitenizde cok sayıda sayfa varsa onları numaralandırarak kullanıcalara kolaylık sağlayabilirsiniz , ki bence Tüm temalarda hazir gelmesi gereken bir eklentidir
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(); } ?-->
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
https://www.siteadi.com/wp-content/plugins/wp-pagenavi
sonrasinda pagenavi-css.css dosyasni notepad ile acalim
Original dosya:
/* Default style for WP-PageNavi plugin https://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 https://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
kendi sitemde denedim sorunsuz çalışıyor hocam elinize kodunuza sağlık.
Vaktim ölçüsünde güncellemeye çalışacağım, teşekürler , Fakat şunu da unutmamak gerek Bazı temalarda bu tarz modifikasyonlar asla çalışmaz , günümüzde birçok temada bu numaralandırma özelliği hazır gelmektedir , tek yapılması gereken şey tema özelliklerinden açmaktır.
Yazıyı güncelleyebilir misiniz? Şimdiden teşekkür ederim.