کردن لودینگ وردپرس چیست ؟
لودینگ وردپرس خب به بخشی گفته میشه که قبل از بارگزاری کامل سایت شما به کاربر نمایش داده میشه تا کاربر لود شدن المان های صفحه به صورت نامنظم رو نبینه و سایت کامل بارگزاری شده در اولین نگاه کاربر نمایش داده بشه
اما قبل از شروع
اضافه کردن لودینگ به این معنی نیست که سایت شما میتونه دیر لود بشه
راه حل اول
۱ – نصب افزونه WP Smart PreLoader
۲ – فعال سازی افزونه
۳ – مراجعه به صفحه تنظیمات افزونه از طریق Setting >> WP Smart Preloader
۴ – خب تنظیمات به شرح زیر هستن
Select Preloader
چند نمونه از انیمیشن های که میتونید داشته باشید رو بهتون نمایش میده
Show only on Home page
اگر فقط میخواید داخل صفحه اصلی لودینگ داشته باشید این گزینه رو فعال کنید
Custom Animation
اینجا برای اضافه کردن انیمیشن مخصوص خودتون به صورت کد CSS هست که خیلی نیازی به اضافه کردن هم ندارید برای اینکه این گزینه کار کنه باید از قبل نوع PreLoader رو Custom Animation انتخاب کرده باشید
Custom CSS
اگر میخواید ظاهر لودینگ رو با کد CSS تغییر بدید باید کدهاتون رو اینجا قرار بدید
Duration to show Loader
حداقل زمانی که دوست دارید این لودینگ نمایش داده بشه اگر میخواید بعد از لود شدن صفحه لودینگ نمایش داده نشه کاری به این گزینه نداشته باشید. اما اگر خواستید مقداری وارد کنید بدویند که مقدار این گزینه به میلی ثانیه هست پس ۱۵۰۰ میشه ۱.۵ ثانیه
Loader to Fade Out
مدت زمانی به میلی ثانیه که محو شدن لودینگ سایت باید طول بکشه
راه حل دوم
۱ – اضافه کردن پلاگین Preloader
۲ – فعال سازی افزونه
۳ – دسترسی به تنظیمات پلاگین از طریق Plugins >> PreLoader
خب تنظیمات این افزونه هم به شرح زیر هست
Background Color
رنگ پس زمینه صفحه لودینگ
Preloader Image
عکسی ( عکس ثابت یا متحرک گیف ) که در وسط صفحه لودینگ قرار خواهد گرفت
شما میتونید از اینجا نمونه های خوب این تصاویر رو دانلود کنید
Preloader Image Width
عرض تصویر انتخابی که فقط در نسخه پولی این افزونه فعال هست
Preloader Image Height
ارتفاع تصویر انتخابی که فقط در نسخه پولی این افزونه فعال هست
Display Preloader
لودینگ انتخابی شما در چه بخشی نمایش داده بشه که به صورت پیش فرض در تمامی وب سایت هست
اما همچنان یک قدم باقی مونده و اون هم اضافه کردن کد لودینگ به وب سایت هست
۱ – خب ابتدا پلاگین Code Snippets نصب و فعال کنید
۲ – حالا در پنل مدیریت وردپرس گزینه Snippet رو پیدا کنید و بعد گزینه Add New Snippet رو بزنید
۳ – در پنجره باز شده تنظیمات رو تغییر ندید و فقط یک عنوان انتخاب کنید برای این کد
۴ – کد زیر رو وارد کنید
function wpb_add_preloader() {
echo '<div id="wptime-plugin-preloader"></div>';
}
add_action( 'wp_body_open', 'wpb_add_preloader' );
۵ – برای اینکه این کد کار کند حتما باید وردپرس سایت شما نسخه ۵.۲ یا جدیدتر باشه
تغییرات رو ذخیره کنید و لودینگ جدید وب سایتتون لذت ببرید
ممنون
دمتون گرم