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

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

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

برای این کار نیاز هستش که کدهای زیر رو به فایل 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 رو بهش اضافه کردم.

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

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 5 رای
Loading...