افزودن اسکرول بی پایان در وردپرس

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

در حالت عادی کاربر باید روی دکمه قبلی، بعدی یا شماره صفحه کلیک کند.

اما این تکنیک به کاربران این امکان را می‌دهد تا بدون کلیک بر روی صفحه بندی یا دکمه “نمایش بیشتر” محتوای بیشتری را مشاهده نمایند.

این تکنیک را حتما در سایت‌های معروفی مثل توییتر، اینستاگرام، فیسبوک و غیره دیده‌اید.

این ویژگی که با استفاده از ایجکس (AJAX) ایجاد شده است باعث می‌شود زمانی که کاربر به پایین اسکرول می‌کند مطالب به صورت مداوم و نامحدود لود ‌شوند.

این باعث می‌شود که دیگر برای دسترسی به مطالب جدیدتر، کل صفحه دوباره بارگیری نشود.

در این مقاله ما نحوه ایجاد اسکرول بی پایان در وردپرس را به صورت قدم به قدم توضیح خواهیم داد.

آیا اسکرول بی پایان برای هر وبسایتی مناسب است؟

این ویژگی برای سایتهایی که محتوا را در یک جدول زمانی (تایملاین) یا فید ارائه می‌دهند، مانند برنامه های رسانه های اجتماعی بسیار عالی است. این یک تجربه مرور فوق العاده را به کاربرانی که به دنبال محتوا مبتنی بر زمان هستند ارائه می‌دهد.

چنانچه سایت شما دارای مطالب زیادی است و به طور مداوم به روز می‌شود اسکرول بی‌نهایت بسیار عالی است.

همچنین ویژگی اسکرول بی‌نهایت برای دستگاه‌های موبایل و لمسی هم مناسب است.

با این ویژگی دیگر لازم نیست کاربران روی لینک‌های صفحه‌بندی کلیک کنند که این خود مزیت بزرگی برای راحتی آنهاست. کافی است تا به پایین صفحه بروند تا مطالب بارگیری شوند.

معایب اسکرول بی‌نهایت

اما اسکرول بی پایان معایبی هم دارد. این ویژگی می‌تواند ناوبری سایت شما را سخت‌تر کند.

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

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

بسیاری از وبسایت‌ها لینک‌های اصلی خود را در فوتر قرار می‌دهند، پس عدم نمایش فوتر باعث ناامیدی آنها می‌شود.

اما شاید مهمترین عیب اسکرول بی‌نهایت این باشد که می‌تواند باعث کندی سایت و حتی ایجاد مشکل در سرور شود.

توصیه می‌کنیم اگر می‌خواهید از این ویژگی در سایت خود استفاده کنید حتما یک هاست مناسب وردپرس تهیه نمایید.

خب حالا که تمام جوانب مثبت و منفی اسکرول بی پایان را دانستیم، می‌توانیم تصمیم بگیریم که آن را به سایت خود اضافه کنیم یا خیر.

ما چندین افزونه را به شما نشان خواهیم داد که می‌توانید از آنها استفاده کنید. بنابراین می‌توانید یکی از آنها را انتخاب کنید.

اضافه کردن اسکرول بی پایان با افزونه Catch Infinite Scroll

ابتدا به قسمت افزونه ‌ها > افزودن بروید.

افزونه Catch Infinite Scroll را نصب و فعال نمایید. برای اطلاعات بیشتر می‌توانید مقاله آموزش قدم به قدم نصب افزونه وردپرس را مطالعه نمایید.

پس از فعالسازی، به منوی پیشخوان وردپرس شما گزینه‌ای به نام Catch Infinite Scroll اضافه می‌شود. برای پیکربندی تنظیمات روی آن کلیک نمایید.

در این صفحه در ” Load On (Trigger on)” باید از منوی آبشاری گزینه Scroll را انتخاب نمایید.

با انتخاب گزینه Scroll، با اسکرول کردن و با انتخاب Click با کلیک روی دکمه مطالب بارگیری می‌شوند.

برای بارگیری خودکار مطالب با اسکرول کردن، گزینه اسکرول را انتخاب کنید.

در مرحله بعد، انتخاب‌کننده ناوبری، انتخاب‌کننده بعدی، انتخاب‌کننده محتوا و انتخاب‌کننده آیتم را خواهید دید. نیازی به تغییر این موارد نیست چون گزینه‌های پیشفرض عملکرد مناسبی دارند.

بعد از آن گزینه Image وجود دارد که شما می‌توانید یک آیکون برای بارگذاری محتوا اضافه کنید. به صورت پیشفرض یک تصویر با فرمت Gif وجود دارد. اگر تصویر بهتری دارید می‌توانید آن را جایگزین نمایید.

قسمت بعدی ” Finish Text” است. در این قسمت باید متنی را که هنگام رسیدن کاربر به پایان مطالب نمایش داده می‌شود را وارد کنید.

بعد از انجام تنظیمات بالا روی دکمه ذخیره کلیک نمایید.

تمام شد! حالا می‌توانید به سایت خود رفته و ویژگی اسکرول بی پایان را مشاهده کنید.

دیگر افزونه‌های ایجاد اسکرول بی پایان وردپرس

افزونه Catch Infinite Scroll تقریبا با بیشتر قالب های وردپرس به خوبی کار می‌کند. با این حال اگر این افزونه با قالب شما مشکل داشت می‌توانید از افزونه‌های زیر استفاده نمایید.

1- Ajax Load More

افزونه Ajax Load More مثل افزونه Catch Infinite Scroll به شما اجازه می‌دهد تا اسکرول بی‌نهایت و دکمه‌های بارگذاری بیشتر را به وبسایت خود اضافه کنید.

این افزونه گزینه‌هایی برای شخصی سازی دارد. از جمله آیکون‌های بارگیری صفحه، استایل دکمه‌ها و …

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

2- YITH Infinite Scrolling  

YITH Infinite می‌تواند یک جایگزین برای افزونه Ajax Load More یا Catch Infinite Scroll باشد.

این افزونه مشابه Catch Infinite Scroll برای راه‌اندازی دارای حداقل گزینه‌ها است. فقط کافی است افزونه را نصب و فعال کرده و اسکرول بی پایان را فعال کنید.

هر کسی به راحتی می‌تواند با این افزونه کار کند. با این حال برخلاف دو افزونه بالا، این افزونه گزینه دکمه “بارگیری بیشتر” را ندارد.

خب این مقاله ما هم به پایان رسید.

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

موفق باشید.