no-img

صفحه بندی وردپرس بدون افزونه


م
ن
و
آرنه وب | قالب رایگان وردپرس | افزونه وردپرس

ادامه مطلب

ZIP
صفحه بندی وردپرس بدون افزونه
zip
مهر ۲۹, ۱۳۹۳

صفحه بندی وردپرس بدون افزونه


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

صفحه بندی وردپرس بدون افزونه

کدهای صفحه بندی صفحات وردپرس

برای این کار نیاز هستش که کدهای زیر رو به فایل functions.php قالبتون اضافه کنید ، فقط دقت کنید کدها با php?> شروع نشده بنابراین این کدها رو به انتهای فایل و قبل از پایات تگ php یعنی <? قرار بدید.

function wpbeginner_numeric_posts_nav() {
 if( is_singular() )
 return;
 global $wp_query;
 /** Stop execution if there's only 1 page */
 if( $wp_query->max_num_pages <= 1 )
 return;
 $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
 $max = intval( $wp_query->max_num_pages );
 /** Add current page to the array */
 if ( $paged >= 1 )
 $links[] = $paged;
 /** Add the pages around the current page to the array */
 if ( $paged >= 3 ) {
 $links[] = $paged - 1;
 $links[] = $paged - 2;
 }
 if ( ( $paged + 2 ) <= $max ) {
 $links[] = $paged + 2;
 $links[] = $paged + 1;
 }
 echo '<div class="navigation"><ul>' . "n";
 /** Previous Post Link */
 if ( get_previous_posts_link() )
 printf( '<li>%s</li>' . "n", get_previous_posts_link() );
 /** Link to first page, plus ellipses if necessary */
 if ( ! in_array( 1, $links ) ) {
 $class = 1 == $paged ? ' class="active"' : '';
 printf( '<li%s><a href="%s">%s</a></li>' . "n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
 if ( ! in_array( 2, $links ) )
 echo '<li>…</li>';
 }
 /** Link to current page, plus 2 pages in either direction if necessary */
 sort( $links );
 foreach ( (array) $links as $link ) {
 $class = $paged == $link ? ' class="active"' : '';
 printf( '<li%s><a href="%s">%s</a></li>' . "n", $class, esc_url( get_pagenum_link( $link ) ), $link );
 }
 /** Link to last page, plus ellipses if necessary */
 if ( ! in_array( $max, $links ) ) {
 if ( ! in_array( $max - 1, $links ) )
 echo '<li>…</li>' . "n";
 $class = $paged == $max ? ' class="active"' : '';
 printf( '<li%s><a href="%s">%s</a></li>' . "n", $class, esc_url( get_pagenum_link( $max ) ), $max );
 }
 /** Next Post Link */
 if ( get_next_posts_link() )
 printf( '<li>%s</li>' . "n", get_next_posts_link() );
 echo '</ul></div>' . "n";
}

بعد از این کار نیاز هستش که کد زیر رو در صفحاتی مثل index.php , archive.php و  category.php در محل مشخص که می خواهید صفحه بندی نمایش داده بشه قرار بدید.

<?php wpbeginner_numeric_posts_nav(); ?>

استایل صفحه بندی صفحات وردپرس

در مرحله بعدی برای این که ظاهر خوبی هم داشته باشه نیاز هستش که استایل های زیر رو به انتهای فایل style.css قالبتون اضافه کنید.

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
 color: #fff;
 text-decoration:none;
}

.navigation li {
 display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
 background-color: #6FB7E9;
 border-radius: 3px;
 cursor: pointer;
 padding: 12px;
 padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
 background-color: #3C8DC5;
}

خوب کار ما تموم شده ، یکبار صفحه رو reload کنید تا استایل جدیدتون بارگذاری بشه و نتیجه رو ببینید.

حتما بخوانید :  بهینه سازی و بالا بردن سرعت سایت وردپرس

کدهای صفحه بندی قالب وردپرس

البته من خودم فونت Byekan رو بهش اضافه کردم.

منبع انگلیسی آموزش



موضوعات :
خبر خوان , وردپرس

درباره نویسنده

علیرضا نجاتی 602 نوشته در آرنه وب | قالب رایگان وردپرس | افزونه وردپرس دارد . مشاهده تمام نوشته های

دیدگاه ها


پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *