آموزش ساخت صفحه بندی وردپرس

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

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

<?php
$args = array(

‘base’         => ‘%_%’,

‘format’       => ‘?page=%#%’,

‘total’        => 1,

‘current’      => 0,

‘show_all’     => False,  اگر مقدار این پارامتر True باشد, تعداد صفحات را در تمامی بخش ها نمایش خواهد داد. اگر تعداد صفحات شما کم است بهتر از مقدار True باشد

‘end_size’     => 1, تعداد صفحاتی که می خواهید در ابتدا و انتهای لیست نمایش یابد، به صورت پیشفرض دارای مقدار 1 است

‘mid_size’     => 2, تعداد صفحاتی که میخواهید در دو طرف صفحه جاری نمایش یابد.

‘prev_next’    => True, آیا تمایل به نمایش صفحات قبلی و بعدی در قالب عدد هستید؟

‘prev_text’    => __(‘« Previous’),

‘next_text’    => __(‘Next »’),

‘type’         => ‘plain’, تعیین نوع مقدار بازگشتی. یکی از مقادیر ‘plain’, ‘array’ و ‘list’. را می تواند بپذیرد

‘add_args’     => False,

‘add_fragment’ => ”

);
?>

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

<?php
global $wp_query;
$big = 999999999; // need an unlikely integer
echo paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'current' => max( 1, get_query_var('paged') ),
        'total' => $wp_query->max_num_pages
) );
?>

خب دوستان عزیز برای شروع کد نویسی ابتدا فایل function.php قالب وردپرس خود را گشوده و سپس کد زیر را در آن قرار دهید:

function wp_pagination() {
global $wp_query;
$big = 12345678;
$page_format = paginate_links( array(
    'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
    'format' => '?paged=%#%',
    'current' => max( 1, get_query_var('paged') ),
    'total' => $wp_query->max_num_pages,
    'type'  => 'array'
) );
if( is_array($page_format) ) {
            $paged = ( get_query_var('paged') == 0 ) ? 1 : get_query_var('paged');
            echo '<div><ul>';
            echo '<li><span>'. $paged . ' از ' . $wp_query->max_num_pages .'</span></li>';
            foreach ( $page_format as $page ) {
                    echo "<li>$page</li>";
            }
           echo '</ul></div>';
}
}

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

.pagination {
margin: 20px 0;
}
.pagination ul {
display: inline-block;
margin-left: 0;
margin-bottom: 0;
border-radius: 5px;
}
.pagination ul>li {
display: inline;
float:right;}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
border-right-width: 1px;
border-radius: 0px 5px 5px 0px;
}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
border-left-width: 1px;
border-radius: 5px 0px 0px 5px;
}
.pagination ul>li>a, .pagination ul>li>span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}

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

<div class="pagination">
<?php wp_pagination(); ?>
</div>

روشی دیگر برای اضافه کردن امکان صفحه بندی استفاده از افزونه ها است در ادامه چند مورد از افزونه برای ایجاد این امکان به شما همراهان معرفی می کنیم .

افزونه صفحه بندی نوشته وردپرس WP PageNavi

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

• امکان صفحه بندی به صورت لیست عددی
• دارای تابع فراخوانی صفحه بندی در قالب ودرپرس
• قابلیت تعیین متن نوشته قبلی، بعدی و …
• امکان نمایش تعداد کل صفحات سایت
• دارای چندین شیوه نامه یا استایل زیبا
• قابلیت تعیین نمایش یا مخفی کردن صفحه بندی وردپرس
• امکان فعال یا غیرفعال کردن استایل پیشفرض افزونه
• نصب و استفاده سریع و راحت
• و …

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

برگه افزونه WP-PageNavi در مخزن وردپرس

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

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

حالا وارد پنل مدیریت وردپرس خود شده ، از بخش تنظیمات > page numbers وارد بخش تنظیمات صفحه بندی سایتتان شوید.

حالا می توانید تنظیمات دلخواه خود را اینجا وارد کنید.

پیشنهاد می کنم در بخش Settings – Text ابتدا متن های نمایشی را به زبان شیرین و گویای فارسی معنی کنید 😀

حالا می توانید وارد بخش نمایش > ویرایشگر شده و از فایل های index.php و archive.php و category.php و همچنین tag.php قبل از php end while کد زیر را وارد کنید:

<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

ممنونم از همراهی شما عزیزان
موفق و پیروز و سربلند باشید

منبع: بیگ تم مرجع آموزش های هک وردپرس