لود صفحه قبل از بارگذاری کامل آن

با سلام خدمت دوستان عزیز وردپرسی!

اگر به دنبال این هستید تا قبل از لود کامل صفحه و بارگذاری صفحه تصویری به صورت GIF. در آن نمایش داده شود و پس از اینکه صفحه به صورت کامل لود شد تصویر محو شده و بتوان محتوای سایت را مشاهده کرد تا انتها با دکتر وردپرس همراه باشید.

لود صفحه قبل از بارگذاری کامل آن

loading-page
لود صفحه قبل از بارگذاری کامل آن

برای شروع کار ابتدا وارد هاست خود شده و فایل header.php را باز کنید و کد زیر را بعد از تگ <body> در آن قرار دهید.

&lt;div class=&quot;loader&quot;&gt;&lt;/div&gt;

سپس فایل مربوط به استایل قالب را باز کرده و استایل‌های زیر را به آن اضافه کنید.

.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> قرار داده و آن را ذخیره کنید.

&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(window).load(function() {
$(&quot;.loader&quot;).fadeOut(&quot;slow&quot;);
})
&lt;/script&gt;

پس از اینکه تمامی مراحل را به درستی وارد کردید لازم است تا تصویر مورد نظر را که با نام page-loader.gif و در مسیر images قرار دارد را نیز آپلود کنید. که در کدهای css آن را قرار دادیم. و میتوانید از باکس دانلود آن را دریافت کنید.

منبع: bradsknutson

شاد باشید..

لینک های ضمیمه دانلود تصویر
2 نظرات
  1. بهار می گوید

    ممنونم. خیلی در سایت های خارجی سرچ کردم تا اینو پیدا کنم

  2. خشایار می گوید

    سلام، این یک مشکلی که داره، این هست که مثلا برای نماد اعتماد یا ساماندهی که از سرور داغان انها خوانده میشه به شدت طولانی میشه نمایش لودینگ.
    امکانی وجود داره که بشه گفت مثلا ان ۲تا کد نماد ها رو خارج از این لودینگ حساب بشه؟

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.