ساخت لودینگ با المنتور | لودینگ، پیشبارگذاری یا پریلودر(preloader) یکی از اجزای مهم در تجربه کاربری سایتهای وردپرسی است که میتواند تأثیر زیادی بر تعامل کاربران هنگامی که سرعت بارگذاری صفحات پایین است، داشته باشد. پریلودرها ابزارهایی هستند که برای نمایش یک لودینگ انیمیشنی، آیکن یا تصویری گرافیکی به کاربران قبل از بارگذاری کامل محتوا در سایت استفاده میشوند. این ویژگی در ورژنهای قبلی المنتور وجود نداشت و برای ساخت لودینگ با المنتور نیاز به افزونههای دیگری بود. اما در نسخههای جدید افزونه المنتور این ویژگی بهطور پیشفرض فعال است و تنها نیاز به شخصیسازی دارد.
مسیر ساخت لودینگ با المنتور و استفاده از آن به صورت زیر است:
- ورود به “ویرایش با المنتور” یکی از صحفحات سایت
- رفتن به تنظیمات المنتور از طریق سهخط بالای صفحه
- ورود به تنظیمات سایت
- انتخاب گزینه “انتقالهای صفحه” و ورود به تنظیمات پریلودرها
- شخصی سازی لودینگ یا پیشبارگذاری
در ادامه به نحوه استفاده از لودینگ در المنتور به صورت تصویری، تنظیمات پریلودرها و اهمیت این ویژگی در سایتهای وردپرسی میپردازیم.
لودینگ سایت چیست؟
لودینگ یا پریلودر بهطور ساده، به فرایند بارگذاری محتوا قبل از نمایش کامل صفحه به کاربران سایت گفته میشود. این فرایند معمولاً به صورت انیمیشنهایی مثل دایرهای درحال چرخش، نوار پیشرفت، نمایش لوگوی سایت یا دیگر افکتها نمایش داده میشود تا کاربران متوجه شوند که سایت درحال بارگذاری صفحه موردنظر است و باید صبر کنن تا صفحه بهطور کامل بارگذاری شود.
اهمیت نمایش پریلودر قبل از بارگذاری کامل صفحه
ساخت لودینگ با المنتور علاوهبر اینکه به بهبود تجربه کاربری و آگاه کردن کاربران از بارگذاری صفحه کمک میکند، میتواند نقش مهمی در کاهش نرخ پرش یا bounce rate داشته باشد. درواقع زمانی که کاربران میبینند که سایت در حال بارگذاری است و صفحهای برای مشاهده وجود دارد، احتمال اینکه منتظر بمانند و محتوای سایت را ببینند بیشتر خواهد بود. همچنین فعال کردن پریلودر میتواند بر احساس کاربران تأثیر بگذارد و نبود آن میتواند باعث شود که کاربر حس کند سایت خراب است یا سرعت آن بسیار پایین است.
درواقع ساخت لودینگ با المنتور و نمایش آن قبل از بارگذاری محتوای صفحه میتواند پوششی برای پایین بودن سرعت سایت باشد و تجربهای آسانتر و روانتر به کاربر ارائه دهد.
نحوه ساخت لودینگ با المنتور
همانطور که در ابتدای مقاله گفتیم، گزینه preloader در نسخههای جدید المنتور وجود دارد و برای نمایش لودینگ در سایت نیاز به افزونههای دیگر مثل افزونه the preloader نیست. در واقع شما با استفاده از این ویژگی المنتور بدون نیاز به کدنویسی میتوانید لودینگهای جذاب و حرفهای طراحی کنید. برای این کار کافیه مراحل زیر را دنبال کنید.
ابتدا وارد صفحه ویرایش با المنتور یکی از برگههای سایت شوید. از قسمت بالای صفحه(سمت راست) روی سه خط کلیک کنید.
سپس روی گزینه اول یا همان تنظیمات سایت کلیک کنید تا وارد تنظیمات کلی سایت شوید.
از میان گزینههای موجود، در بخش تنظیمات روی گزینه انتقالهای صفحه کلیک کنید تا وارد تنظیمات لودینگ یا پریلودرها شوید.
تنظیمات پریلودرها شامل دو بخش میشود. یک، مربوط به تنظیمات و انیمیشن صفحه لودینگ مثل پسزمینه و نوع انیمیشن. دو، مربوط به نوع پریلودرها و تنظیمات مخصوص هرکدام.
در المنتور شما سه نوع پیشبارگذاری میتوانید انتخاب کنید. انیمیشنی، تصویر و آیکن. هرکدام از آنها تنظیمات بخصوصی دارد و امکان شخصیسازی براساس سلیقه شما را فراهم میکند.
برای مثال در نوع انیمیشن میتواند ظاهر انیمیشن، مدت زمان انیمیشن، تأخیر در اجرای انیمیشن، رنگ و سایز آن را تعیین کنید.
مشکلات احتمالی در استفاده از preloaderها با المنتور
در هنگام استفاده از ویژگی پیشبارگذاری با المنتور، ممکن است با مشکلاتی مواجه شوید. برخی از این مشکلات عبارتاند از:
مشکل نمایش لودینگ بهعلت بارگذاری سریع سایت: اگر زمان بارگذاری محتوای سایت کم است، استفاده از پریلودر الزامی نیست.
نظم و ایجاد هارمونی با طراحی سایت: سعی کنید طراحی صفحه پریلودر با طراحی کلی سایت شما همخوانی کامل داشته باشد.
مشکل در بارگذاری برخی افزونهها: گاهی اوقات پریلودر المنتور با دیگر افزونههای سایت به تداخل میخورد و ممکناست به خوبی نمایش داده نشود.
نتیجهگیری
ساخت لودینگ با المنتور یکی از کارهای بسیار سادهای است که میتوان برای کاهش نرخ پرش و افزایش تجربه کاربری انجام داد. فعالسازی پریلودر در المنتور نیاز به کدنویسی و افزونههای جانبی ندارد و شما طبق آموزشی که در این مقاله ارائه شد میتوانید بهراحتی انواع پریلودر یا پیشبارگذاری را با المنتور طراحی کنید.
