ثبت نام

امکان عضویت غیر فعال است

افزودن لودینگ به سایت وردپرسی

loading
ب

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

در این آموزش ما نحوه قرار دادن لودینگ برای سایت رو البته بدون هیچ گونه افزونه ای برای شما آموزش خواهیم داد.

طی این آموزش ما گیف زیر برای لودینگ سایت خود استفاده خواهیم کرد که شما میتوانید این گیف را تعویض کنید

افزودن لودینگ به سایت وردپرسی

افزودن لودینگ به سایت وردپرسی

خب بریم سراغ ساخت لودینگ برای وب سایت وردپرسی خودمون.

ور مرحله اول فایل header.php رو در حالت ادیت باز کنید. بعد از تگ <body> کد زیر را قرار دهید :

حالا فایل style.css پوسته وردپرسی خود را باز کرده و کد زیر را بهش اضافه کنید:

دقت کنید که تصویر لودینگ رو در پوشه images آپلود کرده باشید. قدم بعدی برای افزودن لودینگ به سایت وردپرسی قرار دادن جی کوئری می باشد.

در ابتدا باید کتابخانه جی کوئری رو در سایتون فراخوان کنیم.

قبل از تگ </head> کد زیر را برای کتابخانه جی کوئری قرار میدیم:

بعد کد زیر که مربوط به نمایش لودینگ هستش رو قرار میدیم:

حالا تمامی فایل ها رو ذخیره کنید و سایت خودتونو بارگذاری کنید. اگر تغییری ندیدید از کلید های ctrl+f۵ استفاده کنید. می بینید که تصویر لودینگ نشون داده میشه.

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

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

البته اگه هم بخواهید که سایت شما کش نشه کد زیر رو در داخل <head></head> قرار بدید

موفق باشید/پاتوق وردپرس

به این پست امتیاز دهید.
امتیاز خود را ثبت کنید

ارسال دیدگاه

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