نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll

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

نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll

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

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

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

1,057 بازدید 10 نظر
خیلی خوشم اومد.
به نظر من !!!
  1. مسعود نظری می گه:
    ۱۱:۴۸ مورخه ۱۲ مرداد ۹۵

    سلام
    من برای استفاده از این افزونه و جی کوئری masonry به مشکل برخوردم.
    وقتی صفحه دوم لود میشوند، مطالب که باید Absolut داشته باشند و زیر آیتم های دیگر بیایند، با مشکل لود می شوند. اگر کمک کنید ممنوم میشوم

    • روناک وب می گه:
      ۱۲:۰۲ مورخه ۱۲ مرداد ۹۵

      سلام، به احتمال خیلی زیاد مشکل تداخل جی کوئری بین دو افزونه هست که بوجود اومده. یا باید قید یکی از افزونه ها رو بزنید و یا از روش دیگه ای برای لیست کردن مطالب استفاده کنید به شکلی که نیازی به افزونه جی کوئری masonry نباشه. توی همین مطلب دو افزونه معرفی شده هر دو رو تست کنید شاید مشکل تداخل برطرف شد. موفق باشید

      • مسعود نظری می گه:
        ۰۲:۴۱ مورخه ۱۳ مرداد ۹۵

        ممنون از پاسختون، در آخر مجبور شدم بدون پلاگین کارمو پیش ببرم..
        الان درست شده و مشکلی که الان داره اینه که مطالب رو وقتی تا آخر لود میکنه، به جای اینکه بگه finish، مجدد پست هارو از اول لود میکنه 🙁

        • روناک وب می گه:
          ۰۷:۵۲ مورخه ۱۳ مرداد ۹۵

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

          • مسعود نظری می گه:
            ۱۴:۴۸ مورخه ۱۳ مرداد ۹۵

            من حتی ورد پرس رو از سایت پاک کردم و دوباره ریختم، دیتابیس هم از اول نصب کردم، اما فایده نداشت، مگه میشه یه قالب یه جا درست کار کنه و یه جا خراب !

          • روناک وب می گه:
            ۱۷:۴۰ مورخه ۱۳ مرداد ۹۵

            مطالبی که برای دمو نوشتین رو درست ایجاد کنید، یعنی عنوانهای متفاوت + متنهای متفاوت بزارید تا بتونید به درستی نحوه لود شدن رو مشاهده کنید شاید الان مطالب دارن درست لود میشن اما به خاطر عنوان و متن مشابه توی نمایش سایت مشکل بوجود میاد. امیدوارم مشکل تون حل بشه 🙂

  2. مسعود نظری می گه:
    ۲۰:۴۷ مورخه ۱۳ مرداد ۹۵

    ان شا الله ..
    نه از عنوان نیست ، قبل از این هم درست بود عنوان ها ولی این مشکل وجود داره ..
    همه کار کردم 🙂

    ممنون از وقتی که گذاشتید.

  3. Ali می گه:
    ۰۰:۰۶ مورخه ۲۹ مهر ۹۵

    با سلام و تشکر از متن عالیتون . من این رو برای چند تا قالب استفاده کردم ولی برای سایتی که خودم نوشتم اینکارو کردم نشد . میتونم به ایمیلتون قالب رو بفرستم برام درستش کنین ؟

    • روناک وب می گه:
      ۱۰:۰۸ مورخه ۲۹ مهر ۹۵

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

      موفق باشید.

  4. تنور می گه:
    ۱۱:۵۴ مورخه ۱۷ آذر ۹۵

    ویدیو عالی بود
    الان برا من کار میکنه ولی بازم شماره صفحه بندی pagenavi v رو هم نشون میده

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!