آموزش اضافه کردن تصویر لودینگ به سایت وردپرس

آموزش اضافه کردن تصویر لودینگ به سایت وردپرس

آموزش اضافه کردن تصویر لودینگ به سایت وردپرس

خیلی از سایت ها برای همین چند ثانیه load سایت ، تصویری (لودینگ) برای کاربران به اشتراک میگذراند که هم باعث زیبایی سایت میشود و هم حوصله کاربر در همین چند ثانیه سر نخواهد رفت.

برای اضافه کردن تصویر لودینگ کافیست ابتدا کد زیر را تگ body فایل header.php وردپرس اضافه نمایید

<div class="loadera4fran3"></div>

سپس کد زیر را در style.css جایگذاری نمایید

.loadera4fran3 {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
 background: url('img/loader.GIF') center center no-repeat #f8f8f8;
}

در کد بالای بجای img/loader.GIF آدرس لودینگ مد نظر خود را بگذارید.

سپس وارد header.php شوید و قبل از بسته شدن تگ <head/> کد زیر را اضافه نمایید

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

سپس کد زیر را در هر قسمت از سایت که قصد نمایش آن را دارید جایگذاری نمایید

<script type="text/javascript">
$(window).load(function() {
 $(".loader").fadeOut("slow");
})
</script>

 

لینک کوتاه:

https://a4fran3.ir/?p=17124

guest
0 نظر
Inline Feedbacks
مشاهده همه نظرات

مطالب مشابه