ساخت سیستم pageing با تگ span

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  محمد مهدی اکرمی ،‏ 2 سال و 4 ماه پیش .

این تاپیک تاکنون 469 بازدید داشته است .

نویسنده پست
دوشنبه ، 4 آگوست 2014     12:57 ب.ظ #


moj ala

Subscriber
69 پست54 تاپیک

چطوری می تونم با تگ div و span سیستم pageing  طراحی کنم. مثلا جوری باشه که  وقتی دکمه های pageing زیاد بشه از دو طرف دکمه ها اضافه بشه . یک تگ div باشه که داخلش دکمه های ساخته شده با span باشه  و موقعیت دکمه ها در وسط تگ div باشه که وقتی دکمه ای اضافه شد عرض از هر دو طرف زیاد بشه. اگه کدش رو بزارید ممنون می شم.

0  تشکر
سه شنبه ، 5 آگوست 2014     1:01 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام دوست عزیز

اگه بخواهید دستی یه سیستم paging درست کنید اول باید کد زیر را به فایل  functions.php  اضافه کنید. در کد زیر می توانید کلاس های مورد نظر برای دکمه های بعد و قبل اضافه کنید :
function post_pagination(){
global $wp_query;

$big = 999999999;
echo paginate_links( array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => max( 1, get_query_var('paged') ),
'total' => $wp_query->max_num_pages,
'prev_text' => __('<span class="prev_text"></span>','post'),
'next_text' => __('<span class="next_text"></span>','post')
) );
}

خوب حالا هر جایی که میخواهید به نمایش در بیاد (که معمولا در فایل index.php ) از کد زیر استفاده کنید :
<nav class="pagination">
<?php post_pagination(); ?>
</nav><!--.pagination-->

در آخر هم اگه می خواهید که زیبایی هم داشته باشه کد زیر رو به فایل style.css قالبتون اضافه کنید :
 nav.pagination a.page-numbers, span.page-numbers{
padding : 6px 10px;
padding : 0.428571429rem 0.714285714rem;
font-size : 11px;
font-size : 0.785714286rem;
line-height : 1.428571429;
font-weight : normal;
background-repeat : repeat-x;
border : solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow : 0 1px 2px rgba(64, 64, 64, 0.1);
}

موفق باشید

1  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .