نمایش شماره صفحات با افزونه  WP-PageNavi 

نمایش شماره صفحات با افزونه  WP-PageNavi

عرض سلام و ادب خدمت شما کاربران عزیز مِستر آموز.

 

امروز در این مقاله آموزشی قصد معرفی یکی از افزونه های کاربردی و مهم را در وردپرس داریم. با ما همراه باشید.

 

برا اینکه کاربران وردپرس بتوانند از همه صفحات سایت ما دیدن کنند و متوجه این بشوند که در حال حاضر در کدام صفحه از سایت هستند نیاز به یک افزونه فوق العاده مهم را داریم. نام این افزونه  WP-PageNavi  است.

 

 WP-PageNavi

این افزونه را از انتهای همین صفحه دانلود کنید. پس از دانلود اقدام به نصب و فعال سازی کنید.

 

 

اکنون و بعد از فعال سازی افزونه  WP-PageNavi ، به هاست خود بروید و فایل style.css خود را جهت ویرایش باز کنید. و قطعه کد زیر را که شامل کد استفاده از این افزونه و استایل اختصاصی می باشد را در فایل style.css کپی کنید.

 

.wp-pagenavi {
    clear: both;
    padding:0px 5px 15px 5px;
    direction:rtl
}
.wp-pagenavi h3 {
    font-weight:normal
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background:#F9F8F2;
    border: 1px solid #ECE9D8;
    padding: 1px 6px;
    float :right;
    margin: 2px;
    -moz-border-radius: 3px;
}
.wp-pagenavi span.current {
    background:#ffffff;
    color:#666666;
    border: 1px solid #ECE9D8;
}
.wp-pagenavi a:hover {
    background:#e20030;
    border-color: #87001d;
    color:#ffffff
}
.wp-pagenavi span.current {
    font-weight: bold;
}

 

اکنون و بعد از گذاشتن کد بالا در فایل style.css ، کد زیر را در هر فایل که قصد دارید در آن شماره صفحات نمایش داده شود را بگذارید.

 

<div class="wp-pagenavi">
<div id="wp_page_numbers">
<ul>
<li class="active_page"><!--?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?--></li>
</ul>
</div>
</div>

 

برای دانلود افزونه WP-pagenavi کلیک کنید.

 

موفق و پیروز باشید.