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

مقدمه:

با استفاده از ajax می توانیم بدون نیاز به refresh شدن صفحه داده هایی از دیتابیس دریافت کنیم در کسری از ثانیه. امروز در بسیاری از وبسایت ها عملکرد ajax را میبینم و می توان گفت که ajax در بسیار از وبسایت ها استفاده میشود. در فرم های ورود و عضویت، خرید محصولات، فیلتر مطالب و ….

فیلتر مطالب براساس دسته بندی AJAX

برای ساخت فیلتر مطالب براساس دسته بندی AJAX در ابتدا می بایست یک ابزارک دسته بندی سفارشی بسازیم. پس برای ساخت ابزارک دسته بندی کد زیر را به فایل functions.php اضافه می کنیم:

فایل را ذخیره کنید و به بخش ابزارک ها بروید. باید یک ابزارک جدید به نام “دسته بندی ها – مدرسه وردپرس” اضافه شده باشد.

ساخت ابزارک دسته بندی ها

ساخت ابزارک دسته بندی ها

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

لیست دسته بندی ها

لیست دسته بندی ها

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

کد jQuery فیلتر مطالب

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

کد زیر را در فایل مناسب قرار بدید. ( من کد رو داخل footer.php قرار دادم)

حالا با استفاده از کد preventdefault اگر بر روی تگ a کلیک بشه اتفاقی نمی افته. با کد بالا ما id دسته ای که روش کلیک میشه رو میگیریم و به سرور پاس میدیم با اکشن filter_category ، بعد سرور میگرده دنبال تابعی که اکشن filter_category رو داره و کارهای داخل تابع رو پردازش میکنه و نتیجه رو برمیگردونه. پس قدم بعدی ما ساخت تابع برای اکشن filter_category هستش.

ساخت تابع فیلتر مطالب

مجدد فایل functions.php را باز کنید و کد زیر را داخلش قرار دهید:

کد زیر جهت اجرای این تابع برای کاربران لاگین شده سایت هست:

کد زیر هم برای کاربرانی که لاگین نشده اند:

ما هر دو کد بالا رو جهت دسترسی همه کاربران (کاربران عضو و کاربران غیر عضو ) به تابع قرار دادیم. در ادامه تابع ما ID دسته بندی رو دریافت کردیم و با استفاده از کوئری وردپرس مطالب براساس اون ID رو فیلتر کردیم.

 

آموزش امروز مدرسه وردپرس درباره ” فیلتر مطالب براساس دسته بندی AJAX ” به پایان رسید. امیدوارم لذت برده باشید

موفق باشید

 

همچنین بخوانید:

آموزش ساخت ابزارک سفارشی در وردپرس

ساخت ناحیه ابزارک در وردپرس

ساخت ابزارک نمایش مطالب براساس دسته بندی

ساخت پاپ آپ ثبت نام ajax

لاگین ajax در وردپرس

کلمات کلیدی: ،

دیدگاه خود را بیان کنید

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

Captcha loading...