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

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

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

قالب‌های پیشفرض وردپرس و بسیاری از قالب‌های دیگر، صفحه بندی را با لینک‌های نوشته های قدیمی تر (Older Posts) و نوشته های جدیدتر (Newer Posts) در پایین صفحات آرشیو انجام می‌دهند.

با این حال، سایت های زیادی هم صفحه بندی وردپرس را با اعداد نشان می‌دهند، مانند اکتیو وردپرس!

تجربه نشان داده است که صفحه بندی مطالب با اعداد کاربر پسند و جذاب تر است و هم چنین سئوی بهتری دارد.

در این مقاله نحوه صفحه بندی وردپرس با اعداد را به دو روش افزونه وردپرس و بدون افزونه آموزش می‌دهیم.

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

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

ابتدا به قسمت افزونه ‌ها > افزودن بروید.

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

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

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

در صفحه تنظیمات افزونه می‌توانید متن‌ها و اعداد پیشفرض را با چیزی که خودتان می‌خواهید عوض کنید. مثلا متن First را با اولین صفحه عوض کنید.

در مرحله بعد باید کدی را به قالب وردپرس خود اضافه کنید.

به پوشه قالب خود بروید و در همه صفحاتی که صفحه بندی مطالب وردپرس دارید (مثل صفحه اصلی، صفحه آرشیو و….) کد زیر را جایگزین کدهای previous_posts_link و  next_posts_link کنید.

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

مانند عکس زیر:

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

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

سپس در این صفحه تیک قسمت استفاده از pagenavi-css.css را روی خیر بگذارید.

حالا در پیشخوان به قسمت افزونه ها > ویرایشگر افزونه رفته و از منوی کشویی بالا WP-PageNavi را برای ویرایش انتخاب نمایید.

بعد از انتخاب، در ستون سمت چپ فایل pagenavi-css.css را انتخاب و کدهای داخل آن را کپی کنید.

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

سپس به قسمت نمایش > ویرایشگر بروید و کدهای فایل pagenavi-css.css را که کپی کرده بودید در فایل style.css قالب خود پیست (Paste) کنید.

ما به این دلیل کدهای css را از فایل افزونه به فایل style.css قالب آوردیم چون بعد از آپدیت افزونه کدهای شما دوباره به حالت اول برنگردد.

حالا می‌توانید این کدهای css را تغییر دهید و مثلا رنگ اعداد را عوض نمایید.

برای مثال کدهای زیر صفحه بندی وردپرس ما را به شکل زیر درمی‌آورد:

نتیجه:

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

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

برای صفحه بندی مطالب وردپرس بدون استفاده از افزونه باید کد زیر را به فایل functions.php قالب خود اضافه نمایید.

در مرحله بعد باید کدی را به قالب وردپرس خود اضافه کنید. به پوشه قالب خود بروید و در همه صفحاتی که صفحه بندی مطالب وردپرس دارید (مثل صفحه اصلی، صفحه آرشیو و….) کد زیر را اضافه کنید:

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

به فایل style.css قالب خود رفته و کدهای زیر را به آن اضافه کنید:

نتیجه به شکل زیر در می‌آید:

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

اگر دوست داشته باشید می‌توانید کدهای css را برای تغییر رنگ و استایل به دلخواه خود تغییر دهید.

خب آموزش ما تمام شد.

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

موفق باشید 🙂

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *