لود صفحه قبل از بارگذاری کامل آن
یکی از دغدغه های تعدادی از مدیران سایت، شاید این باشد که تا بارگذاری سایت،کاربران خود را بیهوده منتظر نگذارند. معمولا سایت ها برای نمایش به وقفه ای نیاز دارند تا سایت کامل بارگذاری شود. البته این وقفه باید از نوع استاندارد باشد و اگر طولانی شود باید به بررسی مشکل پرداخت.
دو روش لود صفحه قبل از بارگذاری کامل آن
روش اول:
استفاده از کد
برای شروع کار ابتدا وارد هاست خود شده و فایل header.php را باز کنید و کد زیر را بعد از تگ <body> در آن قرار دهید.
<div class=”loader”></div>
سپس فایل مربوط به استایل قالب را باز کرده و استایل‌های زیر را به آن اضافه کنید.
.loader {
position: fixed;
left: ۰px;
top: ۰px;
width: ۱۰۰%;
height: ۱۰۰%;
z-index: ۹۹۹۹;
background: url(‘images/page-loader.gif’) ۵۰% ۵۰% no-repeat rgb(۲۴۹,۲۴۹,۲۴۹);
}
و در نهایت کدهای جی‌کوئری زیر را نیز در فایل header.php و درست قبل از تگ </head> قرار داده و آن را ذخیره کنید.
<script src=”//ajax.googleapis.com/ajax/libs/jquery/۱.۹.۱/jquery.min.js”></script>
<script type=”text/javascript”>
$(window).load(function() {
$(“.loader”).fadeOut(“slow”);
})
</script>
حالا تصویر مورد نظر را که با نام page-loader.gif و در مسیر images قرار دارد را نیز آپلود کنید.
روش دوم:
استفاده از افزونه ی Loading page
ابتدا افزونه ی loading page رانصب و فعال کنید، سپس این افزونه را در بخش تنظیمات مشاهده خواهید کرد و می توانید به تنظیم کردن آن بپردازید.
پس از انجام تنظیمات، سایت خود را refresh نمایید، خواهید دید که عملکرد این افزونه به چه شکلی است و تا زمان لود نشدن کامل سایت شما، باقی می ماند.
مطالب مرتبط:
جلوگیری از کپی تصاویر در وردپرس
مطالب زیر را حتما مطالعه کنید
ایجاد شبکه اجتماعی سفارشی در وردپرس
نمایش فیدی از شبکههای اجتماعی در وردپرس با Juicer
افزونه های Leaflet Maps Marker و OpenStreetMaps
افزونه SeedProd
ایجاد اسلایدر در وردپرس
دیدگاهتان را بنویسید