خانه » وردپرس » افزونه » افزونه صفحه بندی وردپرس با نام WP-PageNavi

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

2,732 افزونه پشتیبان سایت دوشنبه ۲۶ آذر ۱۳۹۷

1 رای

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

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

در سیستم مدیریت محتوای وردپرس افزونه های زیادی وجود دارد که می تواند به صفحه بندی وردپرس بپردازد اما یکی از بهترین و برترین این افزونه ها، افزونه WP-PageNavi می باشد که تا کنون که در حال نصب و فعال سازی این افزونه هستیم بیش از ۸۰۰ هزار بار دانلود و نصب وفعال سازی شده است.

توجه: در این مقاله آموزشی که شما در حال مطالعه آن هستید، نسخه ۲٫۹۳ این افزونه مورد بحث و بررسی و آموزش قرار گرفته است.

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

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

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

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

با ورود به صفحه تنظیمات افزونه چندین بخش قابل مشاهده است. این گزینه ها و بخش ها به شرح موارد زیر می باشند:
۱- متن برای شماره از صفحات: در این بخش از تنظیمات افزونه صفحه بندی وردپرس شما می توانید متن نمایشی برای شماره صفحات، با استفاده از ساختاری که در زیر همین باکس نمایش داده شده است در نظر بگیرید.
۲- متن برای صفحه جاری: در این قسمت از تنظیمات افزونه شما می توانید مانند بخش بالایی البته با این تفاوت که متن برای صفحات جاری با استفاده از ساختاری که به صورت پیشفرض وجود دارد در نظر بگیرید.
۳- متن برای صفحات: در این بخش شما می توانید متنی برای صفحات با استفاده از ساختار های موجود در نظر بیگرید. به صورت پیشفرض این بخش بر اساس شماره صفحه قابل مشاهده خواهد بود.
۴- متن برای نوشته بعدی: در این قسمت شما می توانید متنی برای نوشته بعدی در نظر بگیرید.
۵- متن برای صفحات: در این قسمت شما قادر خواهید بود متنی برای صفحات در نظر بگیرید.
۶- متن قبل از نوشته قبلی: در این بخش شما قادر خواهید بود متن قبل از قسمت متن قبل از نوشته قبلی را مشخص نمایید.
۷- متن برای صفحات: در این بخش از تنظیمات افزونه صفحه بندی وردپرس شما می توانید متن برای صفحات را مشخص نمایید.
۸- نوشته برای قبلی: در این قسمت از تنظیمات افزونه شما می توانید متن برای نوشته قبلی در نظر بگیرید.
۹- نوشته برای بعدی: در این بخش شما می توانید متنی برای نوشته بعدی در نظر بگیرید.
۱۰- استفاده از pagenavi-css.css: در این قسمت شما می توانید مشخص نمایید که به صورت پیشفرض از استایل افزونه استفاده شود.
۱۱- قالب شماره صفحات: در این قسمت شما قادر خواهید بود نوع قالب بندی شماره صفحات را مشخص نمایید.
۱۲- همیشه شماره صفحات نمایش داده شود: در این بخش شما قادر خواهید بود مشخص نمایید که همیشه شماره صفحات نمایش داده شود.
۱۳- تعداد شماره صفحه برای نمایش: در این بخش شما می بایستی مشخص نمایید که چه تعدادی از صفحات به کاربر نمایش داده شود.
۱۴- تعداد شماره صفحه برای نمایش: در این قسمت شما می توانید شماره صفحات بزرگتر علاوه بر شماره صفحه عادی مشخص نمایید.
۱۵- نمایش اعداد بزرگتر صفحه در تقسیم عددی بر مضرب: در این بخش شما قادر هستید نمایش اعداد بزرگتر صفحه در تقسیم عددی بر مضرب را مشخص نمایید. برای مثال اگر ۵ را وارد نمایید، شماره ها به ترتیب ۵ – ۱۰ – ۱۵ – ۲۰ و… خواهد بود.

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

<div class="wp-pagenavi">
<div id="wp_page_numbers">
<ul>
    <li class="active_page"><!--?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?--></li>
</ul>
</div>
</div>

<ul>

</ul>

</div>

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

.wp-pagenavi {
    clear: both;
    padding:0px 5px 15px 5px;
    direction:rtl
}
.wp-pagenavi h3 {
    font-weight:normal
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background:#F9F8F2;
    border: 1px solid #ECE9D8;
    padding: 1px 6px;
    float :right;
    margin: 2px;
    -moz-border-radius: 3px;
}
.wp-pagenavi span.current {
    background:#ffffff;
    color:#666666;
    border: 1px solid #ECE9D8;
}
.wp-pagenavi a:hover {
    background:#e20030;
    border-color: #87001d;
    color:#ffffff
}
.wp-pagenavi span.current {
    font-weight: bold;
}