لود صفحه قبل از بارگذاری کامل آن
با سلام خدمت دوستان عزیز وردپرسی!
اگر به دنبال این هستید تا قبل از لود کامل صفحه و بارگذاری صفحه تصویری به صورت GIF. در آن نمایش داده شود و پس از اینکه صفحه به صورت کامل لود شد تصویر محو شده و بتوان محتوای سایت را مشاهده کرد تا انتها با دکتر وردپرس همراه باشید.
لود صفحه قبل از بارگذاری کامل آن
برای شروع کار ابتدا وارد هاست خود شده و فایل header.php را باز کنید و کد زیر را بعد از تگ <body> در آن قرار دهید.
<div class="loader"></div>
سپس فایل مربوط به استایل قالب را باز کرده و استایل‌های زیر را به آن اضافه کنید.
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
و در نهایت کدهای جی‌کوئری زیر را نیز در فایل header.php و درست قبل از تگ </head> قرار داده و آن را ذخیره کنید.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>
پس از اینکه تمامی مراحل را به درستی وارد کردید لازم است تا تصویر مورد نظر را که با نام page-loader.gif و در مسیر images قرار دارد را نیز آپلود کنید. که در کدهای css آن را قرار دادیم. و میتوانید از باکس دانلود آن را دریافت کنید.
منبع: bradsknutson
شاد باشید..
ممنونم. خیلی در سایت های خارجی سرچ کردم تا اینو پیدا کنم
سلام، این یک مشکلی که داره، این هست که مثلا برای نماد اعتماد یا ساماندهی که از سرور داغان انها خوانده میشه به شدت طولانی میشه نمایش لودینگ.
امکانی وجود داره که بشه گفت مثلا ان ۲تا کد نماد ها رو خارج از این لودینگ حساب بشه؟