مقدمه

در این مقاله به سراغ مرحله نهایی می‌رویم: نمایش محتوای داینامیک به‌صورت حرفه‌ای و قابل فیلتر با استفاده از ابزارهای قدرتمند JetEngine یعنی Listing Grid و Query Builder.

📢 حتماً نسخه اورجینال JetEngine را از ParsElementor.com تهیه کنید تا به‌طور کامل به قابلیت‌های این ابزارها دسترسی داشته باشید.

چرا Listing Grid؟

در وردپرس عادی، فقط با بلاک‌های ساده می‌توان لیست مطالب را نشان داد. اما با JetEngine می‌توان:

• لیستی از آگهی‌ها، محصولات یا پروژه‌ها را با استایل دلخواه نمایش داد

• اطلاعات داینامیک هر آیتم را با متافیلد نمایش داد

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

مراحل ساخت Listing Grid

1. ساخت Listing Template

به مسیر زیر بروید:
JetEngine > Listings > Add New

• انتخاب کنید که لیست شما برای چه Post Typeای است (مثلاً: amlak)

• قالب دلخواه خود را در Elementor طراحی کنید:

  • افزودن عنوان: Dynamic Field > Title

  • قیمت: Dynamic Field > Meta Field (price)

  • تصویر شاخص: Dynamic Image > Featured Image

  • دکمه مشاهده جزئیات: Read More Button

ذخیره کنید.

2. استفاده از Listing Grid در صفحات

حالا وارد یک صفحه شوید و ابزارک Listing Grid را بکشید داخل صفحه.

• انتخاب Listing Template که ساختید

• تعیین تعداد ستون‌ها، ترتیب و افکت‌های نمایش

• افزودن امکان Paginate یا Load More

معرفی Query Builder (پیشرفته)

اگر می‌خواهید نمایش محتوای داینامیک بر اساس شرط‌های خاص باشد (مثلاً فقط آگهی‌های با قیمت بالاتر از ۵۰ میلیون)، از ابزار Query Builder استفاده می‌کنیم:

1. مسیر:

JetEngine > Query Builder > Add New

• نوع Query: Post Query

• فیلتر بر اساس Meta Field (مثلاً price > 50000000)

• ذخیره کنید

2. در Listing Grid

• بخش Custom Query را فعال کنید

• Query ساخته‌شده را انتخاب نمایید

🎯 حالا محتوای صفحه دقیقاً طبق شرط‌های شما فیلتر می‌شود.

ویژگی‌های پیشرفته Listing Grid

• پشتیبانی از فیلتر Ajax با ابزار JetSmartFilters

• نمایش متنوع کارت‌ها و شبکه‌ها

• ترکیب با Search و Sort

• هماهنگی کامل با Custom Fields

• امکان استفاده از لوپ پیشرفته در صفحات Archive

نتیجه‌گیری

JetEngine با ترکیب Listing Grid و Query Builder تبدیل به قدرتمندترین افزونه برای نمایش محتوای داینامیک در وردپرس شده است. شما می‌توانید سایت‌هایی شبیه دیوار، شیپور، سایت املاک، رزرو خدمات و ده‌ها مدل دیگر را بدون کدنویسی ایجاد کنید.

✅ لایسنس اورجینال افزونه JetEngine را حتماً از ParsElementor.com تهیه کنید تا از پشتیبانی کامل و به‌روزرسانی‌های منظم بهره‌مند شوید.