تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
انجام کارهای برنامه نویسی 0 پاسخ 11 بازدید انجام کارهای برنامه نویسی قالب وردپرس 8 پاسخ 964 بازدید BeTheme 21.9.6 2 پاسخ 134 بازدید قروش حق امتیاز قالب وردپرس در مارکت ژاکت 0 پاسخ 64 بازدید فروش سایت تگ تچ 1 پاسخ 664 بازدید مشکل لینک دانلود 2 پاسخ 137 بازدید سوال فوری 1 پاسخ 256 بازدید تغییر ورژن whmcs 1 پاسخ 235 بازدید آیا با قیمت فعلی بیت کوین می توان در آینده سود کرد؟ 0 پاسخ 394 بازدید نصب اسکریپت Booster Traffic Exchange System 2 پاسخ 1337 بازدید

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

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

 

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

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

 

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

 

هنگام استفاده از ایجکس برای 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’ );
}

پیمایش بی پایان در وردپرس

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=48638
کلمات کلیدی پست :
مطالب مرتبط
10,194دانلود قالب دیزاینر نسخه سال 95 برای وردپرس تاریخ : 2016/04/1
6,245آموزش ساخت منوهای ریسپانسیو در وردپرس Burger Menu تاریخ : 2017/11/27
7,876ایجاد انواع فرم در سایت وردپرسی با Gravity Forms فارسی نسخه 1.9.16 تاریخ : 2016/02/29
6,770افزونه وردپرس ایجاد نظرسنجی Poll Made Easy تاریخ : 2017/08/12
6,242پوسته مجله ای وردپرس Awake تاریخ : 2017/08/18
4,434جستجو در فیلدهای سفارشی وردپرس بدون افزونه تاریخ : 2016/09/15
2,784چگونه خطای ۴۰۱ در وردپرس را رفع کنیم؟ تاریخ : 2019/11/6
2,352آموزش رفع مشکل کندی لود در وردپرس با افزونه تاریخ : 2019/10/22
4,742افزودن خودکار کدهای دلخواه به انتهای مطالب در وردپرس تاریخ : 2016/04/20
10,823افزونه وردپرس فروش دوره های آموزشی CoursePress Pro تاریخ : 2017/10/18
1,936استفاده از جاوا اسکریپت در نوشته خاص وردپرس تاریخ : 2019/04/25
4,332افزونه وردپرس مدیریت ابزارک ها Widget Logic تاریخ : 2016/12/25
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات