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

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

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

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

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

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

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

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

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

در مرحله بعد، طراحی اسکرول بی‌نهایت برای دستگاه‌های موبایل و لمسی مناسب است. برای کاربران تلفن همراه، اسکرول بسیار دوستانه‌تر از ضربه زدن بر روی لینک‌های کوچک صفحه‌بندی است.

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

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

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

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

افزونه Catch Infinite Scroll

اولین کاری که باید انجام دهید، نصب و فعال‌سازی افزونه Catch Infinite Scroll است. از مسیر افزونه‌ها >> افزودن، این افزونه را جستجو کرده و آن را نصب و فعال کنید.

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

ابتدا شما باید از قسمت مشخص‌شده در شکل زیر گزینه Scroll را انتخاب کنید. گزینه دیگری که می‌توانید انتخاب کنید Click است که یک دکمه به نامی دلخواه (مثلاً بارگذاری بیشتر) به پایین صفحه اضافه می‌کند و کاربر با کلیک روی آن می‌تواند مقالات بیشتری را مشاهده کند.

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

پس‌ازآن، یک گزینه Image وجود دارد که می‌توانید آیکون loader یا بارگذاری محتوا را اضافه کنید. به‌طور پیش‌فرض، بارگذاری دارای یک تصویر GIF است. اگر تصویر بهتری دارید، می‌توانید آن را تغییر دهید.

گزینه “Finish Text” شامل پیامی است که پس از اتمام مقالات به کاربر نمایش داده می‌شود. می‌توانید از متن “آیتم دیگری برای نمایش نیست.” یا هر متن دیگری استفاده کنید.

در پایان، بر روی دکمه Save Changes کلیک کنید.

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

برای دانلود افزونه کلیک کنید.

افزونه Ajax Load More

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

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

برای دانلود افزونه کلیک کنید.

افزونه YITH Infinite Scrolling

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

این افزونه با ساده‌ترین رابط کاربری برای کاربران ارائه‌شده و دارای یک اسکرول ساده است. این افزونه با بیش
از ۱۰۰۰۰ نصب فعال یکی از محبوب‌ترین افزونه‌ها برای ویژگی اسکرول بی‌نهایت است.

افزونه YITH Infinite Scrolling متن‌باز است، بنابراین اگر فکر می‌کنید ایده‌ای دارید که می‌تواند آن را بهتر
کند، می‌توانید در افزونه اعمال کنید و در افزایش ویژگی‌های آن برای کاربران دیگر هم نقش داشته باشید.

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

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

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

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

function mytheme_infinite_scroll_init() {
add_theme_support( ‘infinite-scroll’, array(
‘container’ => ‘content’,
‘render’ => ‘mytheme_infinite_scroll_render’,
‘footer’ => ‘wrapper’,
) );
}
add_action( ‘init’, ‘rootdip_infinite_scroll_init’ );

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

function mytheme_infinite_scroll_render()
{
get_template_part( ‘loop’ );
}

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