
با سلام خدمت کاربران عزیز تالار وردپرس.در خدمت شما هستم با یک آموزش کاربردی در وردپرس که میشه گفت در همه سایت های وردپرسی وجود داره و خیلی خوب هستش که شما با این آموزش آشنا بشید.این آموزش همونطور که از عنوانش مشخصه برای نمایش شماره صفحات وردپرس بدون نیاز به افزونه wp-pagenavi هستش.با ما تا انتهای آموزش همراه باشید.
کد نمایش شماره صفحات وردپرس
استفاده از این کد در قالب وردپرس شما خیلی بهتر از استفاده از افزونه های نمایش شماره صفحات وردپرس هستش و همینطور که می دونید هرچی از افزونه در سایت کمتر استفاده بشه سایت شما بهینه تر هستش.
برای نمایش شماره صفحه ابتدا کد زیر را در functions.php قالب خود قرار دهید :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | function mw_pagination($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 class='pagination cf'>"; if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>«</a>"; if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>‹</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)."'>›</a>"; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>»</a>"; echo "</div>\n"; } } |
و سپس کد زیر را در هرجای قالب که میخواهید شماره صفحات نمایش داده شود قرار دهید :
1 | <?php mw_pagination(); ?> |
در مرحلهی آخر نیز برای آرایش شمارشگر صفحات میتوانید خطهای زیر را به فایل شیوه نامه (style.css) پوسته وردپرس خود اضافه نمایید. در استایل زیر سعی شده است نسبت به نمایش صحیح در بیشتر پوستهها مقادیر بصورت استاندارد تعریف شود و در صورت عدم نمایش صحیح میتوانید نسبت به ثابت کردن نحوهی نمایش در مقادیر زیر تغییرات ایجاد کنید:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .pagination a{ background: #eee; border: 1px solid #dfdfdf; color: #666; padding: 8px 15px; margin-left: 10px; } .pagination a:hover{ background: #F5F5F5; color: #666; } .pagination span{ background: #3F9BBF; border: 1px solid #3f86af; color: #fff; padding: 8px 15px; margin-left: 10px; } |
موفق باشید
دیدگاه بگذارید
اولین نفری باشید که دیدگاه میگذارد!