آموزش افزودن اسکرول بی پایان در وردپرس (با افزونه و بدون افزونه)

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

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

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

1- افزونه Ajax Load More

یکی از مهم‌ترین ویژگی‌های افزونه Ajax Load More همگام شدن آن با ووکامرس و دیگر ابزارهای ساخت فروشگاه آنلاین است. تعداد دانلود این افزونه به خوبی محبوبیت آن را در میان کاربران نشان می‌دهد. تقریبا تمام ویژگی‌های این افزونه را می‌توانیم شخصی سازی کنیم.

افزونه Ajax Load More از کوئری‌های Ajax برای بارگذاری پست‌ها، نظرات و موارد مشابه استفاده می‌کند. این افزونه به کمک ویژگی “Lazy Loading” تنها زمانی مطالب بیشتری را بارگذاری می‌کند که کاربر به سمت پایین صفحه اسکرول کند. ویژگی “Lazy Loading” حجم دیتای مصرفی کاربران را کاهش داده و سرعت بارگذاری صفحات را افزایش می‌دهد.

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

به کمک “Elementor Widget Connector” و Ajax Load More به راحتی و بدون نیاز به برنامه نویسی، اسکرول بی پایان به وب سایت شما اضافه خواهد شد. افزونه Ajax Load More به شما اجازه می‌دهد تا اسکرول بی پایان را بر اساس فیلترهای مختلف ایجاد کنید. این فیلترها می‌تواند دسته بندی محصولات یا مطالب، زمان ارسال پست، برچسب‌ها، عبارت کلیدی، نویسنده یا موارد دیگر باشد. در نسخه رایگان افزونه حداقل امکانات در دسترس شما قرار می‌گیرد. برای استفاده از تمام امکانات افزونه باید 149 دلار پرداخت کنید.

ویژگی‌های کلیدی

• این افزونه ایجاد انواع “ShortCode” را ممکن می‌کند.
• به راحتی با دیگر بخش‌های وب سایت شما همگام شده و یکپارچه می‌شود.
• بارگذاری مطالب برای اسکرول بی پایان بر اساس فیلترهای متفاوت قابل انجام است.

2- افزونه YITH Infinite Scrolling

افزونه YITH Infinite Scrolling یکی از بهترین افزونه های اسکرول بی پایان وردپرس است. زمانی که به سمت پایین صفحه حرکت می‌کنید، این افزونه محتوای مرتبط را بارگذاری می‌کند. افزونه YITH Infinite Scrolling با تلفن همراه و دیگر دستگاه‌های قابل حمل همگام بوده و عملکرد مناسبی در کامپیوتر دارد.

کار با افزونه YITH Infinite Scrolling ساده است. به کمک آن می‌توانیم تمام مطالب وب سایت را در یک صفحه نمایش دهیم. این ویژگی باعث می‌شود تا به ایجاد صفحات متفاوت برای دسته بندی‌های متفاوت نیاز نداشته باشیم. یکی از ویژگی‌های جذاب این افزونه امکان قراردادن دکمه “بارگذاری بیشتر” در انتهای صفحات است.

در کنار تمام ویژگی‌ها، صفحه بندی Ajax نیز در دسترس شما قرار می‌گیرد. با بارگذاری مطالب بیشتر و تغییر در محتوای نمایش داده شده، آدرس URL صفحه نیز تغییر خواهد کرد. آیا به سبک خاصی در بارگذاری مطالب فکر می‌کنید؟ چندین گزینه از پیش تعیین شده وجود داشته و امکان شخصی سازی اکثر ویژگی‌های افزونه وجود دارد. در نسخه رایگان این افزونه حداقل امکانات در دسترس شما قرار می‌گیرد. برای خرید نسخه پریمیوم افزونه باید 49 دلار پرداخت کنیم.

ویژگی‌های کلیدی

• جذاب‌تر شدن وب سایت برای کاربران تلفن همراه و دیگر دستگاه‌های هوشمند
• استفاده از انیمیشن و جلوه‌های مختلف در زمان بارگذاری مطالب بیشتر
• نمایش محصولات مرتبط بر اساس دسته بندی‌ها و دیگر فیلترهای قابل تنظیم
• یکپارچه شدن با ووکامرس برای عملکرد هرچه بهتر در فروشگاه‌های اینترنتی

3- افزونه Jetpack

افزونه Jetpack کارهای زیادی را برای یک وب سایت وردپرسی انجام می‌دهد. این افزونه می‌تواند باعث افزایش امنیت وردپرس شده و سرعت بارگذاری آن را بهبود دهد. علاوه بر اینها به کمک این افزونه می‌توانیم اسکرول بی پایان را به وب سایت ورپرس اضافه کنیم.

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

کاربر با کلیک روی دکمه “بارگذاری بیشتر” مطالب مرتبط به پست را مشاهده خواهد کرد. این افزونه ویژگی‌های زیادی را برای شخصی سازی در اختیار شما قرار نمی‌دهد اما عملکرد بسیار خوبی دارد. این نکته را باید در نظر بگیریم که استفاده از افزونه Jetpack برای اسکرول بی پایان سرعت وب سایت وردپرس را کاهش نمی‌دهد. نسخه لایت افزونه Jetpack رایگان بوده و برای استفاده از تمام امکانات این افزونه باید 99 دلار به شکل سالانه پرداخت کنیم.

ویژگی‌های کلیدی

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

4- افزونه Catch Infinite Scroll

در این بخش از مقاله بهترین افزونه های اسکرول بی پایان وردپرس یک افزونه رایگان اما قدرتمند را به شما معرفی می‌کنیم. افزونه Catch Infinite Scroll اسکرول بی پایان را در وب سایت شما با چند کلیک ممکن می‌کند. یکی از نکات جذاب این افزونه، شباهت آن به افزونه Jetpack است.

باید بدانید که گاهی اوقات این افزونه به خوبی با قالب وب سایت شما همگام نشده و مشکلاتی را در بارگذاری وب سایت ایجاد می‌کند. مشکلات پیش آمده عملکرد وب سایت را دچار اختلال نمی‌کند اما ممکن است کاربران بین صفحات مختلف به سادگی جابه جا نشوند. بنابراین پس از نصب این افزونه حتما باید یکبار عملکرد کل سایت را بررسی کنید.

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

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

ویژگی‌های کلیدی

• به کمک این افزونه و ایجاد اسکرول بی پایان می‌توانید تعامل کاربران با وب سایت خود را افزایش دهید.
• امکان شخصی سازی محتوا بر اساس دسته بندی و موارد مشابه وجود دارد.
• بارگذاری محتوای در اسکرول بی پایان به شکل خودکار یا با کلیک روی دکمه “بارگذاری بیشتر” انجام می‌شود.
• کار با آن بسیار ساده است و تمام امکانات مورد نیاز برای اسکرول بی پایان را در دسترس شما قرار می‌دهد.

5- افزونه WooCommerce Infinite Scroll and Ajax Pagination

افزونه WooCommerce Infinite Scroll and Ajax Pagination به کاربران اجازه می‌دهد تا از سه حالت تنظیمات صفحه استفاده کنند. این گزینه‌ها شامل پیمایش نامحدود، استفاده از دکمه “بارگذاری بیشتر” و کوئری‌های Ajax است. همچنین همانطور که از نام افزونه می توان حدس زذ، به خوبی با ووکامرس همگام می‌شود.

همگام شدن افزونه WooCommerce Infinite Scroll and Ajax Pagination با ووکامرس قابلیت “Lazy Loading” در بارگذاری تصاویر بندانگشتی ووکامرس را نیز فعال می‌کند. در نتیجه زمانی که کاربر به سمت پایین صفحه حرکت می‌کند، تنها تصاویر بندانگشتی بارگذاری شده و صفحه جدید بارگذاری نمی‌شود. این ویژگی سرعت بارگذاری وب سایت را به مقدار قابل توجهی افزایش می‌دهد.

این افزونه ویژگی‌های زیادی را برای شخصی سازی در دسترس شما قرار می‌دهد. به کمک آن می‌توانید انواع Layout ساخته شده با جاوا را مدیریت کنید. یکی دیگر از امکانات این افزونه دریافت خروجی از تنظیمات است. با استفاده از خروجی تنظیمات (در قالب CSV یا JSON ) می‌توانید پیکربندی مشابه را در صفحات مختلف وب سایت خود استفاده کنید.

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

ویژگی‌های کلیدی

• از کوئری‌های ساده Ajax برای صفحه بندی استفاده کرده و اسکرول خودکار را ممکن می‌کند.
• امکان مدیریت تاریخچه مرورگر به کمک صفحه بندی Ajax وجود دارد.
• به کمک این افزونه می‌توانیم تصویر بارگذاری در اسکرول بی پایان را شخصی سازی کنیم.

6- افزونه Animated Infinite Scroll

افزونه Animated Infinite Scroll به خوبی با وب سایت‌های وردپرس همگام می‌شود. یکپارچه شدن افزونه با ووکامرس یکی از ویژگی‌های قابل توجه آن است. در کنار تمام امکانات بزرگ و کوچک، می‌توانید از صفحه بندی Ajax کمک بگیرید.

درست مانند اکثر افزونه‌های موجود در این مطلب می‌توانید از بارگذاری خودکار استفاده کنید. همچنین امکان استفاده از دکمه “بارگذاری بیشتر” برای اسکرول بی پایان وجود دارد. در صفحه سازنده افزونه می‌توانید عملکرد آن را در وب سایت‌های مختلف مشاهده کنید.

این افزونه امکانات زیادی را برای شخصی سازی در دسترس کاربران قرار می‌دهد. یکی از امکانات قابل توجه آن 130 سبک انیمیشن برای بخش بارگذاری در اسکرول بی پایان است. این افزونه رایگان نبوده و نیاز به خریداری دارد.

ویژگی‌های کلیدی

• اسکرول به بالای صفحه به راحتی قابل انجام است.
• امکان مدیریت تاریخچه جستجو با ویژگی‌های صفحه بندی Ajax ممکن است.
• این افزونه از دریافت خروجی و ورودی اطلاعات در قالب فایل‌های CSV و JSON پشتیبانی می‌کند.

فعال سازی و استفاده از افزونه‌های اسکرول بی پایان

نصب افزونه

پس از انتخاب افزونه مورد نظر و خریداری آن، باید افزونه را نصب کنیم. برای این کار بخش “افزونه ها” را باز کرده و روی دکمه “افزودن” کلیک کنید. پس از دانلود و نصب افزونه مورد نظر با کلیک روی دکمه “فعال سازی” آن را فعال کنید.

پیکربندی افزونه

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

اکثر افزونه‌های معرفی شده در آموزش افزودن اسکرول بی پایان در وردپرس امکان ساخت Shortcode و قالب‌های پیش فرض را در اختیار شما می‌گذارند. در نهایت و پیش از اعمال نهایی تغییرات، وب سایت خود را در حالت پیش نمایش به خوبی بررسی کنید. باید اطمینان پیدا کنیم که اسکرول بی پایان در تمام صفحات وب سایت ایجاد شده و به درستی کار می‌کند.

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

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

ابتدا کد زیر را به فایل function.php چایلد تم خود اضافه کنید:

حالا باید یک تابع برای Render Parameter تنظیم کنید. نام این تابع mytheme_infinite_scroll_init است که وظیفه بارگیری ارسال های جدید برای اسکرول بی‌نهایت را بر عهده دارد. برای انجام این کار کد زیر را نیز به فایل function.php قالب چایلد خود اضافه کنید:

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

چرا باید از اسکرول بی پایان در وب سایت خود استفاده کنیم؟

1- کاهش نرخ Bounce Rate

نرخ Bounce Rate کاربرانی را نشان می‌دهد که پس از مشاهده یک صفحه از وب سایت، آن را ترک می‌کنند. کاهش نرخ پرش در سئو وب سایت تاثیر قابل توجهی دارد. یکی از راه‌های نگه داشتن کاربران در وب سایت و کاهش نرخ پرش، نمایش پست های بیش‌تر به کاربر با اسکرول بی پایان است.

2- بهبود تجربه کاربری

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

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

3- افزایش بازدید صفحات

در زمینه تبلیغات، مراجع معتبری مانند NBC News تحقیقات جامع و کاربردی انجام داده‌اند. یکی از تحقیقات آن‌ها در خصوص اثر گذاری اسکرول بی پایان است. این تحقیقات نشان می‌دهد با فعال سازی اسکرول بی پایان کاربران رایانه تا 20 درصد صفحات بیشتری را مشاهده می‌کنند! مجموعه Times در تحقیقاتی مشابه اعلام کرد که در صورت فعال سازی اسکرول بی پایان ، 21 درصد از کاربران بخش دوم مطالب را مشاهده می‌کنند.

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

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

از طرفی برخی افزونه‌ها امکان فیلتر گذاری در اسکرول بی پایان را در دسترس شما قرار می‌دهند. برای مثال می‌توانید این ویژگی‌ را به شکل جداگانه برای هر دسته بندی فعال کرده یا مطالب را هدفمندتر نمایش دهید. پیکربندی درست افزونه اهمیت بسیار زیادی در عملکرد آن دارد.

جمع بندی

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