آموزش ایجاد شمارش گر صفحات بدون نیاز به نصب افزونه در وردپرس
ممکن است شما نیز بخواهید برای صفحات خود شمارش گر قرار دهید و بدونید که اینکار در سئو سایت شما نیز بسیار مفید و مهم میباشد. روش هایی برای اضافه کردن شمارشگر وجود دارد یکی از این روش ها استفاده از افزونه هایی مانند wp-pagenavi و wp page numbers و … ولی با وجود این استفاده از افزونه میتواند باعث افزایش حجم شود. در این آموزش روش ایجاد شمارش گر صفحات بدون نیاز به نصب افزونه را قرار داده ایم. در ادامه با هاستبنجا همراه باشید.
برای شروع ابتدا کد زیر را درون فایل 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
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 2 3 4 5 |
<div> <?php mw_pagination(); ?> </div> |
در پایان کد زیر را نیز درون فایل style.css قرار دهید.
|
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 32 33 34 35 |
.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; } |