طراحی قالب وردپرس با آرتاباز

بیش از 0 پروژه طراحی وب سایت و 0٪ رضایت مشتریان فقط کافیست نمونه کارها را مشاهده کنید.

افزونه و کد صفحه بندی مطالب در وردپرس wordpress paging

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

افزونه و کد صفحه بندی مطالب در وردپرس wordpress paging

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

مطمئنن بهترین افزونه ای که برای صفحه بندی پست های وردپرس استفاده می شود افزونه 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(); ?>

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

اگر این مطلب را مفید ارزیابی کردید لطفا به اشتراک بگذارید .

۷ دیدگاه

  1. subtitle

    خيلي ممنون . پايدار باشيد . 😉 🙂

  2. علی

    با سلام
    مطلب بسیار خوبی بود دستتون درد نکنه.

  3. Peyman

    سلام خسته نباشید

    من این کد رو واسه سایتم زدم

    روی لوکال هاست کار میکنه

    ولی روی هاست کار نمیکنه.یعنی اصلا هیچی نمایش داده نمیشه داخل هاست

    مشکل چیه؟؟؟

    لطفا راهنمایی کنید

    ممنونم

  4. Peyman

    سلام خسته نباشید

    من یه مشکل واسم پیش اومده . هیچ کسی نیست که راهنماییم کنه . لطفا شما راهنمایی کنید

    من صفحه بندی سایتم رو با هر روشی که انجام میدم . روی لوکال هاست برنامه (easy php) درست کار میکنه و نمایش

    داده میشه . ولی روی هاست اصلا نمایش داده نمیشه

    از افزونه های:
    wp-pagenavi
    wp-page-numbers

    و انواع روش های بدون افزونه رو امتحان کردم . کاملا دقیق و اصولی
    ولی روی هاست اصلا شماره صفحه بندی ها نمایش داده نمیشه(تنظیمات خواندن داخل مدیریت رو هم تغییر دادم ولی فایده نداشت)
    ولی اکه داخل آدرس بار مرورگر شماره صفحه رو وارد کنم وارد اون صفحه میشه و کار میکنه

    قالب سایتم رو خودم طراحی کردم . که اشکال از قالب نیست
    حتی قالب های دیگه هم از اینترنت دانلود کردم و امتحان کردم که ببینم مشکل از قالب منه یا نه . که بازم کار نکرد و نمایش داده

    نشد
    قالب هایی که دانلود کردم و استفاده کردم واسه تست:
    sahifa
    jarida
    13Floor
    Downloadha
    و قالب های مشهور دیگه

    ولی فایده نداشت

    لطفا شما راهنمایی کنید مشکل از چیه

  5. طراحی وب سایت

    خیلی مفید بود مرسی

  6. هانیه غفرانی

    با سلام
    کد قسمت اول در functionگذاشتم
    اما کد فراخوانی نمی دونم باید کجا قرار بدم؟
    صفحه بندی در همون صفحه اول سایت بعد از 6 تا پست می خوام بزارم
    لطفا راهنمایی کنید

  7. مجمع طراحان وب و گرافیک ایران

    ممنون
    موفق باشید

ارسال نظر

» دیدگاه تان را فارسی بنویسید ، دیدگاه های انگلیسی و فینگلیش تایید نمی شوند .