shkhe
نشان دادن مطالب بیشتر با Ajax بدون افزونه در وردپرس نشان دادن مطالب بیشتر با Ajax بدون افزونه در وردپرس
adminPhoto

علی شفیعی

مدیرعامل

نشان دادن مطالب بیشتر با Ajax بدون افزونه در وردپرس

۱۴۰۰/۰۷/۰۸

اشتراک گذاری مطلب

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

به کمک این کد می‌توانید برای صفحات وب‌سایت لود بی‌نهایت ایجاد کنید.

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

این کار تا جایی ادامه دارد که پست‌های مد نظر ما به اتمام برسند.

چنین مواردی را در جستجوی تصاویر گوگل مشاهده کرده‌اید.

در جستجوی تصاویر گوگل هر بار که به انتهای صفحه می‌رسید مجدداً تصاویر جدیدی بارگذاری می‌شوند طوری که انگار صفحه پایانی ندارد!

تمام این موارد بدون رفرش صفحه انجام می‌گیرد که به فناوری آجاکس ارتباط دارد.

آموزش کامل استفاده از Ajax در وردپرس
 دکمه نمایش پست‌های بیشتر در سایت وردپرس

نحوه‌ی نمایش مطالب بیشتر با Ajax (لود بی نهایت)

مرحله‌ی اول) اضافه کردن فایل جی‌کوئری به وردپرس

در ابتدا در قالب ووردپرس خود، فایلی به نام myloadmore.js ایجاد کنید.

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

روند کار بسیار ساده است.

تنها کافی است که کد نوشته شده در زیر را کپی کرده و به بخش functions.php در قالب خود وارد شوید و سپس کد را paste‌ کنید.

مرحله دوم) ایجاد فایل myloadmore.js برای ایجاد ajax در اسکرول

در مرحله اول فایل جی‌کوئری ساخته شد واکنون در این مرحله، کدها را در فایل جی‌کوئری، قرار می دهیم:

در این کد تعیین شده است که هنگامی که اسکرول به ۱۰۰۰ پیکسلی انتهای صفحه برسد،

دستور آجاکس اجرا شود.

البته در اینجا ۱۰۰۰ پیکسل مشخص شده است،

اما شما می توانید بر حسب نیازتان این اندازه را کم یا زیاد کنید.

در این قطعه کد، در خط ۲۲ می توانید آیدی تگی را وارد کنید که می خواهید

پست‌ها یا محتوای جدید به آن اضافه بشوند. به طور مثال اگر قصد دارید در صفحه‌ی آرشیو خود، پست‌ها در تگul اضافه شوند،

برای ul یک آیدی بسازید و آن را به جای main# درج کنید

. به جای واژه ی article هم تگ نگهدارنده‌ هر پست را مانند li وارد کنید.

مرحله سوم) ایجاد handler برای آجاکس

در این مرحله باید کد آجاکس مخصوص به وردپرس را بنویسیم.

کافیست تابع  را در فایل functions.php قالب خود قرار دهید:

به کمک این تابع مشخص می‌کنیم که باهر بار لود به صورت آجاکس

چه مطالبی نمایش داده شوند. کافیست در خط ۱۶، کد مربوط به نمایش پست‌های خود را قرار دهید.

دو اکشن وجود در این قطعه کد مشخص می‌کنند که نمایش مطالب بیشتر با Ajax برای چه کاربرانی باشد!

در واقع کاربران لاگین کرده و وارد نشده را می‌توان به کمک این actionها جدا کرد!

حالا بعد از ذخیره سازی فایل‌های بالا صفحه‌ی موردنظر خود را رفرش کنید و پست‌های مدنظر را با ajax به صورت لود بی نهایت دریافت کنید!

گردآوری: نایس کدرز

دیدگاه ها

کامنتی برای این پست وجود نداره

چند مطلب دیگه

آخرین مطالب

افزودن دیدگاه


ارسال
بیخیال
shakhe 1 shakhe 2