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

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

خیلی از سایت ها برای همین چند ثانیه 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>