بارگذاری صفحات وبسایت به صورت Ajax وردپرس با Advanced AJAX Page Loader

بروز رسانی در تاریخ 1395/05/23

بارگذاری صفحات وبسایت به صورت Ajax وردپرس

سلام؛

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

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

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

افزونه ی Advanced AJAX Page Loader

advanced ajax hamyarwp

افزونه ی Advanced AJAX Page Loader می تواند برگه ها، نوشته ها و سایر موارد را به صورت Ajax وردپرس بارگذاری نماید بدون اینکه تمامی صفحات لود شوند و بر سرعت بارگذاری آن ها افزوده شود.

افزونه را در وردپرس نصب و فعال می کنیم. حال می توانید به منوی تنظیمات مراجعه کرده و در آن گزینه ی “Advanced AJAX Page Loader” را مشاهده کرده و بر روی آن کلیک کنید تا وارد تنظیمات افزونه شویم.

Main Settings

main setting hamyarwp

این بخش مربوط به تنظیمات اصلی جهت نمایش صفحه ی Ajax وردپرس می باشد.

Content Element ID: این گزینه مربوط به شناسه ی بخش محتوای شماست که نیازی به تغییر ندارد. زیرا ما می خواهیم تمامی نوشته ها در هنگام بارگذاری به صورت Ajax وردپرس لود شوند.
Search Form CLASS: این گزینه برای بارگذاری در زمانی است که کاربران در وبسایت شما موردی را جستجو می کنند و معمولا احتیاجی به تغییر آن نیست.
Loading Image: در اینجا منوی کشویی وجود دارد که می توانید با کمک آن شکل و آیکون ایجکسی را که قرار است در هنگام بارگذاری صفحات نمایش داده شود مشخص کنید. یا اینکه اگر مورد خاصی به غیر از موارد بالا مورد نظر شماست می توانید آن را آپلود نمایید.

  ساخت پنجره های تبلیغاتی در وردپرس با OptinMonster

loading setting hamyarwp

Features/Options

Scroll Page: با علامت زدن این گزینه می توانید مشخص کنید که در هنگام بارگذاری صفحه اگر در انتها یا اواسط صفحه باشد دوباره به اول صفحه بازگردد.

Loading Layout

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

Loading Error Layout

در صورتی که بارگذاری صفحه ی مورد نظر با خطا مواجه شود، پیغامی ظاهر خواهد شد که می توانید آن را به فارسی نیز برگردانید.

Misc Settings

Misc setting hamyarwp

HREF Ignore List: مواردی که می خواهید از این قاعده مستثنی باشند را می توانید در لین لیست وارد کنید. مثلا بارگذاری فایل های پی دی اف، زیپ و…
Google Analytics: اگر در سایت خود از گوگل آنالیز استفاده می کنید و می خواهید حالت لود آن Ajax وردپرس باشد می توانید این گزینه را علامت بزنید.
Plugin Debug: با علامت زدن گزینه های موجود در این بخش، در هنگام اشکال زدایی افزونه ها، بارگذاری به صورت Ajax وردپرس نمایش داده می شود.
Link to us: با علامت زدن این بخش لینک افزونه را در فوتر سایت خود می توانید فعال کنید.

تنظیمات خود را ذخیره کنید.

می توانید عملکرد افزونه را در دمویی که قرار دادیم مشاهده کنید.

جمع بندی! 

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

دانلود افزونه ی Advanced AJAX Page Loader

نکته!!! برای اجرا شدن حالت Ajax وردپرس می توانید بر روی لینک های داخل قالب کلیک کنید.

دانلود صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    این پوسته واقعا زیبا و حرفه ایست…

    برای دانلود منتشر نمیشه؟

    اگه بخوام قسمت مطالب مرتبطش رو در پوسته سایتم استفاده کنم راهنماییم می کنین؟
    ممنون

    • 54 سال عضو همیار وردپرس

      سلام
      در مورد انتشار پوسته باید با مدیر اصلی سایت صحبت کنید و در مورد مطالب مرتبط میتونید از این افزونه استفاده کنید و بهش شکل بدید که میتونه هر شکل و استایلی باشه. اونجا باید ترفند های برنامه نویسی CSS و جاوا رو بلد باشید.

  2. سلام
    این افزونه خیلی به درد به خور و خوبه
    حتما استفاده کنید.
    البته برای حل مشکلاتتون حتما توضیحاتشو بخونید.
    به طور مثال قسمتی که اطلاعات پستتون قرار میگیره باید داخل یه تگ با آی دی content باشه و یا اگر نیست باید آی دی ش رو تو افزونه تغییر بدید.
    اگر هم خواستید ببینید چه طور کار می کنه می نوتید به بلاگ من سر بزنید.

  3. سلام
    خیلی با این پستتون حال کردم دمتون گرم
    ولی آژاکس کردن سایت مخصوصا سرور زو سنگین نمیکنه

    • 54 سال عضو همیار وردپرس

      سلام
      خیر _ کمی فشار به سرور و بارگذاری رو کمتر میکنه

  4. سلام
    نصب کردم ولی باعث خراب شدن لینک ها میشه
    بعنوان مثال دکمه ادامه مطالب دیگه کار نمیکنه
    برگاه ها هیچکدوم کار نمیکنه
    اگه افزونه جایگزین هست بی زحمت معرفی بشه
    ممنون

  5. والا به من که کار نمیده. نه فقط این، هیچ افزونه ای. این مدل پلاگین کلا با هیچ پوسته ای هماهنگ نیست.

  6. جالب بود. مرسی

  7. سلام .
    پوسته جدید حرف نداره.
    این پوسته برای دانلود منتشر شده یا نه؟
    طراحی مطالب مرتبط خیلی جالبه
    میشه راهنماییم کنین منم از این شیوه استفاده کنم ؟
    ممنون

    • 54 سال عضو همیار وردپرس

      سلام
      حالا ببینیم پوسته قبلی رو میشه بگذاریم برای دانلود یا نه ! بعدش به اینم میرسیم !!
      اون قسمت هم یک کد جی کوئری و جاوا داره که به خوبی استایل دهی شده که در آموزش های آینده اگر آموزش برنامه نویسی هم داشتیم حتماً توضیح میدیم

  8. میشه در مورد آیجکس و کار هایی که انجام میده را کمی توضیح بدید

  9. مثل همیشه عالی بود … دستتون درد نکنه … [گل]

  10. میبخشید آزاکی چه بدرد میخوره

    • 54 سال عضو همیار وردپرس

      آژاکس
      باعث میشه صفحات دوباره لود نشن و همونجا مطلب رو ببینید. یعنی صفحه ای جدید بارگذاری نمیشه و فشار به سرور کمی کمتر میشه