ثبت‌نام ورود

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

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

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

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

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

تنظیمات صفحه

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

<?php wp_pagenavi(); ?>

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

صفحه بندی پیش فرض

اگر میخواهید رنگ و سبک این صفحه را تغییر دهید به بخش تنظیمات>PageNavi بروید. گزینه Use pagenavi-css.css را لغو انتخاب کرده و ذخیره کنید. اکنون به افزونه ها>ویرایشگر بروید و از بخش انتخاب افزونه منوی پایین را ویرایش کنید. WP-PageNavi را انتخاب کرده و روی Select کلیک کنید. ویرایشگر فایل افزونه را در نوار کناری سمت راست بارگذاری میکند. برای باز شدن آن در ویرایشگر روی pagenavi-css.css کلیک کنید و محتوای فایل را کپی کنید.

صفحه css

سپس به بخش نمایش>ویرایشگر رفته و محتوای pagenavi-css.css را در قالب فایل style.css کپی کنید. اکنون میتوانید رنگ الگو را تغییر دهید و سبک دهید. دلیل کپی کردن محتوای افزونه css به سبک قالب جلوگیری از از دست دادن تغییرات سبک که باید افزونه را آپدیت کنید میباشد. در اینجا نسخه ای اصلاح شده از صفحه بندی عددی است در صورت تمایل از آن استفاده کرده و در قالب آنرا تغییر دهید.

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #FFF;
	text-decoration: none;
	background-color:#6FB7E9; 
	border: 1px solid #B2D1E5;
	padding: 5px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #E9F2F9;
	background-color:#6FB7E9;
}

.wp-pagenavi span.current {
	font-weight: bold;
	background-color:#3C8DC5;
}

نمایش مانند زیر:

cssسفارشی

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

نظر شما در این‌باره چیست؟

  1. U26673 ۰۷ اردیبهشت ۱۳۹۹

    سلام ببخشید من یه مشکلی داشتم و اونم اینه که من هر وقت که این افزونه رو نصب میکنم باید به طور پیش فرض رو کتگوری های من {نوشته های کهنه تر} نوشته نشه ولی بازم همون هست!!!!!
    شما هم گفتید که یه کدی رو ویرایش کنیم ولی دقیق آدرس رو نفرموده اید!!!
    لطفا راهنماییم کنید!!.

    • تیم پشتیبانی تیم پشتیبانی ۰۷ اردیبهشت ۱۳۹۹

      سلام
      کد را باید در فایل index.php و category.php جایگزین کد قبلی کنید. اگر با برنامه نویسی وردپرس آشنایی ندارید پیشنهاد می کنیم به برنامه نویس یا وردپرس کار بسپارید.

  2. U13518 ۱۳ تیر ۱۳۹۷

    سلام و درود
    من پلاگین WP PageNavi را دانلود و نصب کردم و همچنین تنظیمات اولیه رو انجام دادم.

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

    فولدر قالب کجاست؟از کجا باید پیدا کنم و این کد را وارد کنم؟

    سپاس.

    • U11404 ۱۳ تیر ۱۳۹۷

      سلام
      باید در هاستتان به مسیر wp-content – theme بروید فولدر قالب ها در آنجاست. از یک برنامه نویس کمک بگیرید.