سلام دوستان عزیز ، قرار هستش که کدهای صفحه بندی وردپرس رو خدمتتون معرفی کنیم ، حتما خودتون می دونید تا جایی که امکان داره نباید از افزونه استفاده کرد و بهتره کدها رو دستی وارد کنیم.
برای این کار نیاز هستش که کدهای زیر رو به فایل 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 کنید تا استایل جدیدتون بارگذاری بشه و نتیجه رو ببینید.
نحوه قرار دادن FAQ Schema در وردپرس بصورت گام به گام Learn how to put FAQ Schema نحوه ...
سلام به کاربران سایت پارس وی پی ، امروز برای شما یک فایل آماده برای ساخت دکمه زیبا با ...
بسیاری از کاربران برای نصب وردپرس دچار مشکلات متعددی هستند مثل بارگذاری مدیریت محتوا ...
۴۳۳۳
بازدید
۲
دیدگاه
0
علاقه مندی
باسلام ازقالب نیک ترینها استفاده میکنم کدی که گفتیددربخش آرشیو ودستها گذاشتم ولی دربخش index.php جایی نیست که بشه کدراگذاشت راهنمایی میکنید باتشکر
باسلام
پاسخ به ایمیلتان ارسال گردید.