السلام عليكم اتمنا يكون الجميع بخير
بعد غياب من الانترنت اعود لكم بكود خفيف وبسيط يفيد هذا الكود انه لايتعامل مع قواعد البينات بل يتعامل مع ملفات الاستيل فقط واعتقد انه يخفف الحمل من القاعدة للمدونات ووردبريس
صورة لعمل الكود
هذا الكود يضع في ملف functions.php في ملفات الاستيل
كود PHP:
//pagenavi
function wp_pagenavi($prelabel = '‹', $nxtlabel = '›', $show_pages = 5, $always_show = false) {
global $request, $posts_per_page, $wpdb, $paged;
$half_pages_to_show = round( $show_pages/2 );
if (!is_single()) {
if(!is_category()) {
preg_match('#FROM\s(.*)\sORDER BY#siU', $request, $matches);
} else {
preg_match('#FROM\s(.*)\sGROUP BY#siU', $request, $matches);
}
$fromwhere = $matches[1];
$numposts = $wpdb->get_var("SELECT COUNT(DISTINCT ID) FROM $fromwhere");
$max_page = ceil($numposts /$posts_per_page);
if(empty($paged)) $paged = 1;
if($max_page > 1 || $always_show) {
echo '<ul class="pagination">'."\n";
if ($paged >= ($show_pages-1)) {
echo '<li><a href="'.get_pagenum_link().'">«</a></li>'."\n";
}
echo '<li>';
previous_posts_link($prelabel);
echo '</li>'."\n";
for($i = $paged - $half_pages_to_show; $i <= $paged + $half_pages_to_show; $i++) {
if ($i >= 1 && $i <= $max_page) {
if($i == $paged) {
echo "<li><span class='current'>$i</span></li>"."\n";
} else {
echo '<li><a href="'.get_pagenum_link($i).'">'.$i.'</a></li>'."\n";
}
}
}
echo '<li>';
next_posts_link($nxtlabel, $max_page);
echo '</li>'."\n";
if (($paged+$half_pages_to_show) < ($max_page)) {
echo '<li><a href="'.get_pagenum_link($max_page).'">»</a></li>'."\n";
}
echo '</ul>'."\n";
}
}
}
وهذا الكود الذى يعرض ارقام الصفحات عليك بوضعه في صفحات الارشيف والصفحات المتعددة الصفحات
<?php wp_pagenavi(); ?>
وهذا كود Css
كود PHP:
#wp_page_numbers { margin: 0 auto; width: 500px; padding: 2px; background: #CEA6E9; border: 4px #A765D3 solid; }
#wp_page_numbers ul { margin:0 auto; padding:5px; text-align: center; }
#wp_page_numbers li { text-align: center; display:inline-block; padding: 2px; list-style:none; border: 2px #000 solid; margin: 1px; cursor:pointer; }
#wp_page_numbers li.space { text-align: center; display:inline-block; padding: 2px; list-style:none; border: 2px #000 solid; margin: 1px; cursor:pointer; }
#wp_page_numbers a { text-decoration: none; font: normal 11px Tahoma; display: inline-block; color: #000; padding: 2px; margin: 2px; }
#wp_page_numbers li a:hover { border-color: #BA0000; }
#wp_page_numbers li.first_last_page { font-style: italic; }
#wp_page_numbers li.active_page a { border-color: #000; }
#wp_page_numbers li.active_page a:hover { color: black; text-decoration: underline; border-color: #000; }
#wp_page_numbers li.page_info { display: none; }
افتح ملف Css
واضف الكود التالي
@import url("base.css");
ومن ثم رفع ملف css مع ملف الاستيل
ملف css فى المرفق
فى حالة الاكواد ناقصة بسبب المنتدى حمل المرفق ايضا
اخوكم سامى سوفت
رد مع اقتباس
