پنج شنبه , شهریور ۳۰ ۱۳۹۶
Home / آموزش وردپرس / ساخت صفحه‌ی لودینگ

ساخت صفحه‌ی لودینگ

 

loading0

 

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

قدم اول : تصویر

یک تصویر متحرک با پسوند gif پیدا کنید و در هاست خود آپلود کنید(عکس می تواند متحرک هم نباشد).

برای پیدا کردن چنین  تصویری می توانید در سایت گوگل loading gif را جست و جو نمایید.

loading

قدم دوم : قرار دادن کد در فایل header.php

در پیشخوان وردپرس به بخش  نمایش -> ویرایش رفته و از بین لیست فایل ها فایل header.php را برای ویرایش انتخاب کنید.

تگ <body> را پیدا کرده و کد زیر را به آن اضافه کنید :


<div class="loading"></div>

لودینگ برای وردپرس

سپس تگ

</head>

را پیدا کرده و کد های زیر را قبل از آن اضافه نمایید

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type=”text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
});
</script>

قدم سوم : style.css

در همان بخش ویرایشگر فایل style.css را انتخاب و کد زیر را به آن اضافه کنید :

.loading{
   position:fixed;
   left:0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background: url('loading.gif') center center no-repeat #fff;
}

نکته : به جای loading.gif آدرس فایل آپلود شده ی خودتان را بدهید.


درباره ی حسن سعادتی

Check Also

محدود کردن طول دیدگاه ها در وردپرس

سلام گاهی وقت ها نیاز است که طول دیدگاه ها(نظرات) در وردپرس را محدود کنیم ...

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *