نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll
شاید در برخی از سایتها امکان نمایش نوشته های قدیمی با استفاده از اسکرول پایین کردن صفحه مرورگر را دیده باشید در این حالت وقتی به آخرین مطلب موجود در صفحه میرسیم پستهای بعدی به صورت خودکار لود می شوند بطوریکه اگر اسکرول صفحه را ادامه دهیم تمام مطالب سایت در همان صفحه (صفحه نخست وب سایت، برگه دسته بندی، صفحه نتایج جستجو و …) بدون لود مجدد بارگذاری می شوند. این قابلیت کاربردی را می توان توسط جی کوئری و تکنولوژی آژاکس پیاده سازی کرد اما اگر از وردپرس استفاده می کنید می توانید بدون نیاز به دانش کدنویسی با استفاده از افزونه های نمایش مطالب بیشتر در وردپرس با اسکرول صفحه Ajax Infinite Scroll براحتی و در کمترین زمان ممکن این قابلیت را در وب سایت تان ایجاد کنید. پیش از این در روناک وب فیلم آموزش بارگذاری Ajax صفحات وردپرس را منتشر کردیم که در آن قابلیت صفحه بندی آژاکسی و نمایش ایجکس نتایج جستجو را آموزش دادیم که پیشنهاد می کنیم آنرا نیز مشاهده نمایید اما اکنون می خواهیم علاوه بر امکان لود آژاکسی برگه های سایت قابلیت بارگذاری نوشته های قدیمی با اسکرول کردن صفحه مرورگر را نیز آموزش دهیم پس تا انتها همراه روناک وب باشید.
افزونه Ajax کردن نمایش مطالب بیشتر در وردپرس
جالب است بدانید به این قابلیت Infinite Scroll به معنی اسکرول بی نهایت گفته می شود چون همینطور که گفته شد تا زمانیکه تمام مطالب سایت بارگذاری شوند اسکرول صفحه نیز ادامه می یابد. پلاگینهای بسیاری برای ایجاد این امکان وجود دارند یکی از محبوبترین آنها Ajax Load More – Infinite Scroll نام دارد که به دلیل سادگی در استفاده و راه اندازی با استقبال بسیاری از وبمستران روبرو شده است. به طور کلی تمام افزونه هایی که با ایجکس در وردپرس سروکار دارند برای کارکرد صحیح و بدون مشکل نیازمند استفاده درست از class و id هایی که در کدنویسی و طراحی قالب وردپرس استفاده شده دارند که می توان با تنظیم دقیق افزونه براحتی از امکانات آن استفاده کرد.
پلاگین بعدی YITH Infinite Scrolling می باشد که علاوه بر مطالب وردپرس با محصولات ووکامرس نیز سازگاری کامل دارد و میتوانید در فروشگاه تان از آن برای بارگذاری محصولات با اسکرول پایین کاربر استفاده کنید. در فیلم زیر نحوه انجام تنظیمات پلاگین آموزش داده شده تا براحتی بتوانید آنرا راه اندازی کنید. جهت تنظیم افزونه اسکرول بی نهایت معرفی شده فیلم آموزشی زیر را مشاهده نمایید.
سلام
من برای استفاده از این افزونه و جی کوئری masonry به مشکل برخوردم.
وقتی صفحه دوم لود میشوند، مطالب که باید Absolut داشته باشند و زیر آیتم های دیگر بیایند، با مشکل لود می شوند. اگر کمک کنید ممنوم میشوم
سلام، به احتمال خیلی زیاد مشکل تداخل جی کوئری بین دو افزونه هست که بوجود اومده. یا باید قید یکی از افزونه ها رو بزنید و یا از روش دیگه ای برای لیست کردن مطالب استفاده کنید به شکلی که نیازی به افزونه جی کوئری masonry نباشه. توی همین مطلب دو افزونه معرفی شده هر دو رو تست کنید شاید مشکل تداخل برطرف شد. موفق باشید
ممنون از پاسختون، در آخر مجبور شدم بدون پلاگین کارمو پیش ببرم..
الان درست شده و مشکلی که الان داره اینه که مطالب رو وقتی تا آخر لود میکنه، به جای اینکه بگه finish، مجدد پست هارو از اول لود میکنه
خواهش میکنم، من با این مشکل مواجه نشدم و بدرستی برام کار میکنه برای امتحان چندتا مطلب منتشر کنین ببینین بازم مشکل وجود داره . افزونه های دیگه رو غیرفعال کنید و تنها افزونه اسکرول بی نهایت فعال باشه چون ممکنه تداخل بین افزونه ها بوجود اومده باشه، در نهایت اگر مشکل حل نشد بهتره باگ موجود رو به سازنده افزونه اطلاع بدید تا در بروز رسانی بعدی مشکل رو حل کنه، البته ممکنه کاربرا قبلا اطلاع داده باشن و در نتیجه صبر کنید تا نسخه جدید منتشر بشه.
اگر تعداد مطالب سایت بالا باشه این مشکل به چشم نمیاد.
من حتی ورد پرس رو از سایت پاک کردم و دوباره ریختم، دیتابیس هم از اول نصب کردم، اما فایده نداشت، مگه میشه یه قالب یه جا درست کار کنه و یه جا خراب !
مطالبی که برای دمو نوشتین رو درست ایجاد کنید، یعنی عنوانهای متفاوت + متنهای متفاوت بزارید تا بتونید به درستی نحوه لود شدن رو مشاهده کنید شاید الان مطالب دارن درست لود میشن اما به خاطر عنوان و متن مشابه توی نمایش سایت مشکل بوجود میاد. امیدوارم مشکل تون حل بشه
ان شا الله ..
نه از عنوان نیست ، قبل از این هم درست بود عنوان ها ولی این مشکل وجود داره ..
همه کار کردم
ممنون از وقتی که گذاشتید.
با سلام و تشکر از متن عالیتون . من این رو برای چند تا قالب استفاده کردم ولی برای سایتی که خودم نوشتم اینکارو کردم نشد . میتونم به ایمیلتون قالب رو بفرستم برام درستش کنین ؟
سلام دوست عزیز،
خیر، متاسفانه برای استفاده از افزونه ها و کدهای گفته شده در سایت پشتیبانی به این صورت نیتونیم انجام بدیم.
شما لطف کنید مشکل به وجود اومده رو کامل توضیح بدید، شاید بتونیم راهنماییتون کنیم.
موفق باشید.
برای قالب خودم استفاده میکنم اصلا کار نمیکنه و اجرا نمیشه . نمیدونم چرا … همه چیزم درست میزنم . تو فایل Function یا جاهای دیگه نباید قابلیتی باشه ؟
به عنوان مثال الان من برای تست یک ۱۰ خط کد نوشتم و بازم اجرا نشد . اینم لینک اون ۱۰خطی ک نوشتم :
http://s9.picofile.com/file/8271541284/test_infnite_scroll.zip.html
مشکل از کجاست ؟
دوست عزیز، مراحل گفته شده در ویدئو آموزشی رو به درستی اجرا کنید، نتیجه میگیرید.
موفق باشید.
ویدیو عالی بود
الان برا من کار میکنه ولی بازم شماره صفحه بندی pagenavi v رو هم نشون میده
با سلام واقعا تشکر میکنم از وطلب خوب و ویدئو آموزنده شما من سعی کردم از این افزونه روی سایتم استفاده کنم ولی متاسفانه دو مورد آخر رو نتونستم تشخیص بدم میشه شما سایت رو چک کنید و راهنمایی بفرمایید.
تشکر
سلام بررسی میکنم احتمالا تو مطالب بعدی افزونه ای جدید تر معرفی کنیم.
باتشکر
تشکر بسیار منتظر راهنماییتون هستم