Notice: wp_deregister_script was called incorrectly. اسکریپت‌ها و شیوه‌نامه‌ها نباید پیش از wp_enqueue_scripts، admin_enqueue_scripts و login_enqueue_scripts ثبت یا فراخوانی شوند. Please see Debugging in WordPress for more information. (این پیام در نگارش 3.3 افزوده شده است.) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/functions.php on line 3190 » نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll

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

دسته بندی: ,,
برچسبها:

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

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

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

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

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

3,869 بازدید ۱۶ نظر
خیلی خوشم اومد.
پیشنهاد میشه از مطالب زیر دیدن کنید
به نظر من !!!
  1. مسعود نظری می گه:
    ۱۱:۴۸ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۲ مرداد ۹۵

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

    پاسخ
    • روناک وب می گه:
      ۱۲:۰۲ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۲ مرداد ۹۵

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

      پاسخ
      • مسعود نظری می گه:
        ۰۲:۴۱ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۳ مرداد ۹۵

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

        پاسخ
        • روناک وب می گه:
          ۰۷:۵۲ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۳ مرداد ۹۵

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

          پاسخ
          • مسعود نظری می گه:
            ۱۴:۴۸ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۳ مرداد ۹۵

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

          • روناک وب می گه:
            ۱۷:۴۰ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۳ مرداد ۹۵

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

  2. مسعود نظری می گه:
    ۲۰:۴۷ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۳ مرداد ۹۵

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

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

    پاسخ
  3. Ali می گه:
    ۰۰:۰۶ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۹ مهر ۹۵

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

    پاسخ
    • روناک وب می گه:
      ۱۰:۰۸ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۹ مهر ۹۵

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

      موفق باشید.

      پاسخ
      • Ali می گه:
        ۱۰:۵۵ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۹ مهر ۹۵

        برای قالب خودم استفاده میکنم اصلا کار نمیکنه و اجرا نمیشه . نمیدونم چرا … همه چیزم درست میزنم . تو فایل Function یا جاهای دیگه نباید قابلیتی باشه ؟

        پاسخ
      • Ali می گه:
        ۱۱:۳۹ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۹ مهر ۹۵

        به عنوان مثال الان من برای تست یک ۱۰ خط کد نوشتم و بازم اجرا نشد . اینم لینک اون ۱۰خطی ک نوشتم :
        http://s9.picofile.com/file/8271541284/test_infnite_scroll.zip.html

        مشکل از کجاست ؟

        پاسخ
        • روناک وب می گه:
          ۰۹:۳۵ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۴ دی ۹۵

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

          موفق باشید.

          پاسخ
  4. تنور می گه:
    ۱۱:۵۴ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۷ آذر ۹۵

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

    پاسخ
  5. امید می گه:
    ۲۲:۲۱ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۱ آذر ۹۵

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

    پاسخ
    • محسن بینا می گه:
      ۱۸:۳۰ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۲ آذر ۹۵

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

      پاسخ
      • امید می گه:
        ۱۹:۰۷ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۲ آذر ۹۵

        تشکر بسیار منتظر راهنماییتون هستم

        پاسخ

کد امنیتی: *

Notice: Undefined index: comment_notes_after in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 249

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