افزونه و کد صفحه بندی مطالب در وردپرس wordpress paging
- نویسنده : webelizer در دسته بندی آموزش و هک, افزونه و پلاگین, وردپرس
- 2 نظر و 1,453 بازدید
- ۹۲/۱۱/۰۴
- آموزش وردپرس , صفحه بندی وردپرس , وردپرس
اگر از کاربران تازه کار وردپرس باشید حتما متوجه شده اید که قابلیت صفحه بندی مطالب در وردپرس به صورت متنهای ساده نوشته های قدیمی تر و نوشته های جدیدتر است که در انتهای پست ها قرار می گیرند اگر می خواهید این بخش را زیباتر کنید می توانید از افزونه و کد صفحه بندی مطالب در وردپرس استفاده کنید . خوشبختانه وردپرس با دارا بودن افزونه های متعدد برای هر مشکلی راه حلی دارد اما اگر دوست دارید بدون استفاده از افزونه از کدهای مربوط به صفحه بندی مطالب استفده کنید تا انتهای مطلب همراه ما باشید .
افزونه های صفحه بندی مطالب در وردپرس
مطمئنن بهترین افزونه ای که برای صفحه بندی پست های وردپرس استفاده می شود افزونه WP-PageNavi است کهدر سایتها و وبلاگهای زیادی در مورد آن مطالب زیادی نوشته شده است به همین دلیل در این مطلب قصد معرفی افزونه جدیدتری داریم .
افزونه Prime Strategy Page Navi یکی از افزونه های ساده و قدرتمند برای صفحه بندی پستهای صفحه اصلی ، صفحه دسته بندی ها ، نویسنده ها و … می باشد که کار با آن بسیار اسان می باشد بعد از نصب و فعال سازی افزونه با استفاده از کد فراخوانی زیر می توانید صفحه بندی را به سایت تان اضافه کنید .
<?php if ( function_exists( 'page_navi' ) ) page_navi(); ?>
کد بالا به طور پیشفرض مطالب را صفحه بندی می کند یعنی تعداد مطالبی که در هر صفحه نمایش می دهد را می توانید از طریق بخش تنظیمات وردپرس تعیین کنید اما اگر می خواهید مدیریت بیشتری بر روی مطالب هر صفحه و نحوه نمایش صفحات داشته باشید می توانید از کد زیر استفاده کنید .
<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?>
برای مشاهده توضیحات و نمونه تصاویر صفحه بندی ها به مراه کدهای css پیشفرضی که می توانید در طراحی قالب وردپرس تان از ن استفاده کنید به صفحه افزونه Prime Strategy Page Navi در مخزن افزونه های وردپرس مراجعه کنید .
کد صفحه بندی مطالب در وردپرس
اگر به هر دلیلی قصد استفاده از افزونه های صفحه بندی مطالب در وردپرس را ندارد می توانید از کد صقحه بندی پست های وردپرس استفاده کنید عملکرد این کد نیز دقیقا مشابه افزونه ها می باشد با این تفاوت که اندکی کار با آن برای افراد تازه کار و نا آشنا با کدنویسی سخت است . کد زیر را در فایل فانکشن functions.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><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 ? '' : '';
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 ? '' : '';
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 ? '' : '';
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";
}
?>
کدهای css زیر را نیز برای زیباتر شدن نحوه نمایش صقحات به فایل شیوه نامه 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;
}
سپس کد زیر را برای فراخوانی صفحات در محل مورد نظر از قالب وردپرس تان قرار دهید .
<?php wpbeginner_numeric_posts_nav(); ?>
در این مطلب دو روش برای ساخت صفحات سایت در وردپرس معرفی شد که می توانید از هر کدام یک از آنها استفاده کنید .
خيلي ممنون . پايدار باشيد . 😉 🙂
با سلام
مطلب بسیار خوبی بود دستتون درد نکنه.