شاید در برخی از سایتها امکان نمایش نوشته های قدیمی با استفاده از اسکرول پایین کردن صفحه مرورگر را دیده باشید در این حالت وقتی به آخرین مطلب موجود در صفحه میرسیم پستهای بعدی به صورت خودکار لود می شوند بطوریکه اگر اسکرول صفحه را ادامه دهیم تمام مطالب سایت در همان صفحه (صفحه نخست وب سایت، برگه دسته بندی، صفحه نتایج جستجو و …) بدون لود مجدد بارگذاری می شوند. این قابلیت کاربردی را می توان توسط جی کوئری و تکنولوژی آژاکس پیاده سازی کرد اما اگر از وردپرس استفاده می کنید می توانید بدون نیاز به دانش کدنویسی با استفاده از افزونه های نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll براحتی و در کمترین زمان ممکن این قابلیت را در وب سایت تان ایجاد کنید. پیش از این در بیست اسکریپت آموزش بارگذاری Ajax صفحات وردپرس را منتشر کردیم که در آن قابلیت صفحه بندی آژاکسی و نمایش ایجکس نتایج جستجو را آموزش دادیم که پیشنهاد می کنیم آنرا نیز مشاهده نمایید اما اکنون می خواهیم علاوه بر امکان لود آژاکسی برگه های سایت قابلیت بارگذاری نوشته های قدیمی با اسکرول کردن صفحه مرورگر را نیز آموزش دهیم پس تا انتها همراه بیست اسکریپت باشید.

 

افزونه Ajax کردن نمایش مطالب بیشتر در وردپرس

جالب است بدانید به این قابلیت Infinite Scroll به معنی اسکرول بی نهایت گفته می شود چون همینطور که گفته شد تا زمانیکه تمام مطالب سایت بارگذاری شوند اسکرول صفحه نیز ادامه می یابد. پلاگینهای بسیاری برای ایجاد این امکان وجود دارند یکی از محبوبترین آنها Ajax Load More – Infinite Scroll نام دارد که به دلیل سادگی در استفاده و راه اندازی با استقبال بسیاری از وبمستران روبرو شده است. به طور کلی تمام افزونه هایی که با ایجکس در وردپرس سروکار دارند برای کارکرد صحیح و بدون مشکل نیازمند استفاده درست از class و id هایی که در کدنویسی و طراحی قالب وردپرس استفاده شده دارند که می توان با تنظیم دقیق افزونه براحتی از امکانات آن استفاده کرد.

پلاگین بعدی YITH Infinite Scrolling می باشد که علاوه بر مطالب وردپرس با محصولات ووکامرس نیز سازگاری کامل دارد و میتوانید در فروشگاه تان از آن برای بارگذاری محصولات با اسکرول پایین کاربر استفاده کنید. در فیلم زیر نحوه انجام تنظیمات پلاگین آموزش داده شده تا براحتی بتوانید آنرا راه اندازی کنید. جهت تنظیم افزونه اسکرول بی نهایت معرفی شده فیلم آموزشی زیر را مشاهده نمایید.

منبع:

http://www.20script.ir/

دیدگاه کاربران 0
  • نظرات شما پس از بررسی و تایید نمایش داده می شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.


برای انتشار مطالب رایگان بیشتر,با کلیک روی G+1 ما

را در گوگل محبوب کنید