مردان وردپرس آموزش پلاگین آموزش پلاگین وردپرسی WP-PageNavi

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

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

برای آموزش نصب افزونه های ورپرس می توان از آموزش وردپرس ، نصب افزونه ها استفاده کرد.

بعد از نصب آن اگر از قالب های پیش فرض وردپرس استفاده می شود  باید کد های  زیر را حذف کرده 

و به جای آن کد زیر را قرار داد.

برای چند صفحه ای می توان کد زیر را پیدا کرده 

و به جای آن کد زیر را قرار داد

برای تنظیمات آن به 

 WP-Admin -> Settings -> PageNavi

یا 

مدیریت -> تنطیمات -> PageNavi

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

Text For Number Of Pages:

در این قسمت متن مربوط به  صفحه جاری و  تعداد صفحات  را وارد کرد 

Page %CURRENT_PAGE% of %TOTAL_PAGES%

صفحه %صفحه جاری % of %مجموع صفحات %

 

Text For Current Page:

متن برای صفحه جاری 

%PAGE_NUMBER%

%صفحه%

Text For First Page

متن برای اولین برگه 

« First

%صفحه%

Text For Last Page

متن برای آخرین برگه 

« Last

 

و… که می توان آن ها را تنظیم کرد.

تنظیمات css 

اگر نیاز به تغییر فایل های css داشته باشید صفحه  pagenavi-css.css را از پلاگین رونوشت (copy) کرده و در قالب فعال جای گذاری(paste) نمایید و تنظیمات را در این صفحه انجام داده تا تنظیمات اصلی پلاگین از بین نرود. 

کلاس های پیشفرض css برای تغییر 

مثال:

فیلتر ها

فیلتر های پیشفرض این پلاگین  در زیر لیست شده اند که می توان از آنها در صورت نیاز استفاده کرد

  • wp_pagenavi_class_pages
  • wp_pagenavi_class_first
  • wp_pagenavi_class_previouspostslink
  • wp_pagenavi_class_extend
  • wp_pagenavi_class_smaller
  • wp_pagenavi_class_page
  • wp_pagenavi_class_current
  • wp_pagenavi_class_larger
  • wp_pagenavi_class_nextpostslink
  • wp_pagenavi_class_last

مثال:کارایی فیلتر ها

 

برای صفحه بندی می توان از کد زیر استفاده کرد.

و سپس کد زیر را در حلقه نمایش وردپرس قرارداده تا مورد استفاده قرار گیرد.

 


مثال:

ساخت صفحه با توجه به تصویر زیر با css

 

ابتدا در منوی تنظیمات موارد زیر را جایگذاری کنید.

 

“Text For First Page” به جای آن   “«” را قرار می دهیم

“Text For Last Page” به جای آن   “»”را قرار می دهیم 

“Text For Previous Page”به جای آن  “« Previous”را قرار می دهیم
“Text For Next Page”به جای آن  “Next »”را قرار می دهیم
تعداد  “Number Of Pages To Show” را برا بر با   “5”  قرار می دهیم
 

حال کدهای css زیر را در فایل  pagenavi-css.css که در قالب  خود گذاشته ایم قرار می دهیم

پروژه نهایی 

 

Page 4 of 10«23456»



در صورت نیاز با مردان وردپرس در ارتباط باشید.

تاریخ آخرین بروزرسانی : ۸ شهریور ۱۳۹۵
منبع :‌ مردان وردپرس
میلاد میلادی

باور هایت را که پرورش دهی به هرچیزی دست خواهی یافت.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.