JetEngine در وردپرس چیست؟ معرفی لیستینگ، متاباکس و صفحات داینامیک
JetEngine چیست و چه کاربردی دارد؟
JetEngine یک افزونه قدرتمند وردپرس است که برای ایجاد محتوای داینامیک و مدیریت داده‌های سفارشی استفاده می‌شود. این افزونه به شما امکان می‌دهد بدون نیاز به کدنویسی، صفحات پویا بسازید، اطلاعات را به‌صورت فیلترشده و سازمان‌یافته نمایش دهید و تجربه کاربری بهتری ایجاد کنید. اگر به دنبال ساخت وب‌سایت‌های داینامیک مانند سایت‌های آگهی، خدمات آنلاین، فهرست کسب‌وکارها یا پورتفولیوهای حرفه‌ای هستید، JetEngine یکی از بهترین انتخاب‌ها برای شماست.
معرفی Custom Post Type (CPT) – نوع نوشته سفارشی
در وردپرس، نوشته‌ها و برگه‌ها محتوای اصلی هستند، اما گاهی اوقات نیاز دارید نوع نوشته‌های خاصی ایجاد کنید. Custom Post Type (CPT) در JetEngine این امکان را فراهم می‌کند که محتوای مخصوصی مثل “خدمات”، “املاک”، “محصولات” یا “پروژه‌ها” را به‌صورت مجزا مدیریت کنید. به‌عنوان مثال، اگر سایتی برای ثبت آگهی خودرو دارید، می‌توانید یک CPT به نام “خودروها” بسازید و فیلدهای مربوط به هر خودرو را به آن اضافه کنید.
Meta Box چیست و چگونه از آن استفاده کنیم؟
متاباکس (Meta Box) در JetEngine برای اضافه کردن فیلدهای سفارشی به نوشته‌ها، برگه‌ها یا CPTها استفاده می‌شود. این فیلدها می‌توانند شامل متن، تصویر، شماره، تاریخ، لینک و بسیاری از انواع داده‌ها باشند. مثلاً در سایت آگهی خودرو، می‌توان برای هر خودرو سال تولید، قیمت، رنگ و وضعیت را در متاباکس‌ها ذخیره کرد. سپس این اطلاعات به‌صورت داینامیک در صفحات مختلف نمایش داده می‌شوند.
Taxonomy در JetEngine – دسته‌بندی سفارشی
Taxonomy (دسته‌بندی سفارشی) به شما کمک می‌کند تا محتوای خود را به‌صورت گروه‌بندی‌شده و سازمان‌یافته نمایش دهید. وردپرس به‌صورت پیش‌فرض دسته‌ها و برچسب‌ها را ارائه می‌دهد، اما با JetEngine می‌توانید دسته‌بندی‌های اختصاصی بسازید. برای مثال، در سایت آگهی خودرو، می‌توانید یک Taxonomy به نام “برند خودرو” داشته باشید که شامل پژو، پراید، سمند و… باشد. این قابلیت باعث می‌شود کاربران بتوانند سریع‌تر به محتوای موردنظرشان دسترسی پیدا کنند.
Query Builder – ایجاد کوئری سفارشی برای فیلتر داده‌ها
Query Builder در JetEngine ابزاری است که به شما امکان می‌دهد داده‌های ذخیره‌شده را بر اساس شرایط مختلف فیلتر و نمایش دهید. این ابزار برای ساخت لیست‌هایی مثل جدیدترین مقالات، محبوب‌ترین محصولات، فیلتر خودروها بر اساس قیمت یا نمایش خدمات یک شهر خاص بسیار کاربردی است. مثلاً در سایت آگهی خودرو، می‌توانید یک کوئری تنظیم کنید که فقط خودروهای صفرکیلومتر با قیمت زیر ۵۰۰ میلیون تومان نمایش داده شوند.
نمایش داینامیک اطلاعات با Dynamic Tags
Dynamic Tags در JetEngine به شما کمک می‌کند تا اطلاعات ذخیره‌شده در متاباکس‌ها و CPTها را به‌صورت خودکار در صفحات مختلف نمایش دهید. به‌جای نوشتن دستی اطلاعات، JetEngine مقدار فیلدهای مربوطه را به‌صورت داینامیک از دیتابیس دریافت و نمایش می‌دهد. برای مثال، در یک صفحه داینامیک خودرو، می‌توانید نام خودرو، قیمت، تصویر و مشخصات آن را از دیتابیس بخوانید و نمایش دهید، بدون اینکه نیاز به وارد کردن مجدد این اطلاعات داشته باشید.
استفاده از Dynamic Visibility برای نمایش شرطی
Dynamic Visibility (نمایش شرطی) قابلیتی در JetEngine است که به شما اجازه می‌دهد بخش‌های مختلف یک صفحه را بر اساس شرایط خاصی نمایش یا مخفی کنید. این ویژگی زمانی مفید است که بخواهید اطلاعات اضافی را فقط در شرایط خاصی نمایش دهید. برای مثال، اگر یک خودرو شماره تماس نداشته باشد، بخش “تماس با فروشنده” نمایش داده نشود. یا اگر قیمت یک محصول کمتر از ۱۰۰ هزار تومان باشد، یک پیام تخفیف ویژه نشان داده شود. این قابلیت باعث می‌شود طراحی سایت شما حرفه‌ای‌تر و کاربرپسندتر شود.
💡 با این توضیحات، درک مفاهیم JetEngine برای شما ساده‌تر شد؟ 😃
📌 حالا مفاهیم JetEngine
- CPT: برای تعریف نوع جدید محتوا (مثلاً خودروها)
- Meta Box: برای ذخیره اطلاعات اضافه (مثلاً سال تولید، رنگ، قیمت)
- Taxonomy: برای دسته‌بندی (مثلاً برند، وضعیت)
- Listing: برای نمایش گروهی محتوا (لیست خودروها)
- Query Builder: برای فیلتر کردن و نمایش هدفمند
- Dynamic Tags: برای نمایش داده‌های هر خودرو به‌صورت داینامیک
JetEngine چیست و چه کاربردی دارد؟
📌 مثال: سایت آگهی خرید و فروش خودرو
فرض کن می‌خواهی یک سایت برای آگهی خرید و فروش خودرو بسازی، جایی که کاربران بتوانند خودروهایشان را برای فروش ثبت کنند و دیگران بتوانند آنها را ببینند.
۱. Custom Post Type (CPT) – نوع نوشته سفارشی
پست تایپ اختصاصی- پست تایپ مخصوص بریا یک موشوع خاص مانند خودرو
چون خودروها با نوشته‌های عادی وردپرس فرق دارند، یک CPT به نام “خودروها” می‌سازیم.
📌 در این CPT، هر خودرو یک نوشته جدید خواهد بود.
✅ مثال: پژو ۲۰۶ مدل ۱۳۹۸ – سفید، سمند LX مدل ۱۴۰۰ – مشکی
۲. Meta Box – فیلدهای سفارشی
هر خودرو اطلاعات خاص خودش را دارد، پس برای ذخیره اطلاعاتش، متاباکس‌هایی می‌سازیم:
✅ برند (مثلاً: پژو، سمند، پراید)
✅ مدل (مثلاً: ۲۰۶، پارس، ۴۰۵)
✅ سال تولید (مثلاً: ۱۳۹۸، ۱۴۰۰)
✅ رنگ (مثلاً: سفید، مشکی، نقره‌ای)
✅ قیمت (مثلاً: ۵۰۰ میلیون تومان)
✅ تصویر خودرو (عکس خودرو)
✅ شماره تماس فروشنده
وقتی کاربر یک خودروی جدید ثبت می‌کند، این اطلاعات را در متاباکس‌ها پر می‌کند.
۳. Taxonomy – دسته‌بندی سفارشی
برای اینکه خودروها مرتب شوند، دسته‌بندی‌های سفارشی (Taxonomy) می‌سازیم.
✅ برند خودرو (پژو، پراید، سمند)
✅ نوع خودرو (سواری، وانت، شاسی‌بلند)
✅ وضعیت (صفر، کارکرده)
حالا اگر کسی بخواهد فقط خودروهای شاسی‌بلند یا فقط برند پژو را ببیند، می‌توانیم با این دسته‌بندی‌ها آنها را فیلتر کنیم.
۴. Listing – لیستینگ
ما نیاز داریم یک لیست از خودروها در صفحه اصلی سایت نمایش بدهیم.
✅ برای این کار، یک Listing از خودروها می‌سازیم که این اطلاعات را نمایش دهد:
🔹 تصویر خودرو
🔹 نام خودرو (برند + مدل + سال تولید)
🔹 قیمت
🔹 لینک صفحه داینامیک خودرو
وقتی کاربران وارد سایت شوند، می‌توانند لیست تمام خودروهای موجود را ببینند.
۵. Query Builder – کوئری سفارشی
حالا می‌توانیم جستجوی پیشرفته ایجاد کنیم تا کاربران بتوانند فیلتر کنند:
✅ نمایش فقط خودروهای برند پژو
✅ نمایش فقط خودروهای زیر ۵۰۰ میلیون تومان
✅ نمایش فقط خودروهای مدل ۱۴۰۰ به بعد
Query Builder کمک می‌کند که اطلاعات به‌صورت داینامیک و فیلترشده نمایش داده شوند.
۶. Dynamic Tags – برچسب‌های داینامیک
در صفحه اختصاصی هر خودرو، از برچسب‌های داینامیک استفاده می‌کنیم تا اطلاعات مخصوص آن خودرو نمایش داده شود.
✅ عنوان: پژو ۲۰۶ مدل ۱۳۹۸ – سفید
✅ قیمت: ۵۰۰ میلیون تومان
✅ وضعیت: کارکرده
✅ شماره تماس فروشنده: ۰۹۱۲۳۴۵۶۷۸۹
✅ تصویر خودرو
همه این اطلاعات از دیتابیس خوانده می‌شود و نیازی نیست صفحه‌ها را دستی بنویسیم.
۷. Dynamic Visibility – نمایش شرطی
ما می‌توانیم نمایش بعضی بخش‌ها را بر اساس شرایط تنظیم کنیم:
✔ اگر یک خودرو کارکرده است، یک برچسب “کارکرده” کنار آن نمایش داده شود.
✔ اگر فروشنده شماره تماس وارد نکرده باشد، بخش “تماس با فروشنده” نمایش داده نشود.
🔗 در نهایت، ساختار سایت چگونه خواهد بود؟
- صفحه اصلی: لیست خودروها
- صفحه هر خودرو: اطلاعات کامل آن خودرو
- ساختار URL:
https://example.com/cars/پژو-۲۰۶-مدل-۱۳۹۸همه چیز داینامیک است و نیازی به ساختن دستی نیست! 🚀
📌 حالا مفاهیم JetEngine تو ذهنت بهتر جا افتاد؟
- CPT: برای تعریف نوع جدید محتوا (مثلاً خودروها)
- Meta Box: برای ذخیره اطلاعات اضافه (مثلاً سال تولید، رنگ، قیمت)
- Taxonomy: برای دسته‌بندی (مثلاً برند، وضعیت)
- Listing: برای نمایش گروهی محتوا (لیست خودروها)
- Query Builder: برای فیلتر کردن و نمایش هدفمند
- Dynamic Tags: برای نمایش داده‌های هر خودرو به‌صورت داینامیک
- Dynamic Visibility: برای نمایش یا مخفی کردن بخش‌هایی از محتوا بر اساس شرایط
بیایید یک مثال واقعی بزنیم تا این مفاهیم توی ذهن شما بهتر جا بیفتد. فرض کنید شما یک سایت برای خدمات آنلاین IT دارید و می‌خواهید برای هر شهر و منطقه یک صفحه داینامیک بسازید.
۱. Custom Post Type (CPT) – نوع نوشته سفارشی
شما می‌خواهید برای هر شهر یک صفحه بسازید، پس یک CPT به نام “شهرها” ایجاد می‌کنید.
📌 مثل: بوشهر، شیراز، تهران، اصفهان
حالا می‌خواهید برای مناطق هر شهر هم صفحات بسازید، پس یک CPT به نام “مناطق” ایجاد می‌کنید.
📌 مثل: میدان امام، خیابان مطهری، محله صلح‌آباد (در بوشهر)
۲. Meta Box – فیلدهای سفارشی
می‌خواهید اطلاعات بیشتری درباره هر منطقه ثبت کنید، پس متاباکس‌هایی برای “مناطق” می‌سازید:
✅ آدرس منطقه (مثلاً: میدان امام، بوشهر)
✅ شماره تماس پشتیبانی (مثلاً: ۰۹۱۲۳۴۵۶۷۸۹)
✅ تصویر منطقه (یک عکس از آن منطقه)
وقتی در پیشخوان وردپرس یک منطقه جدید اضافه می‌کنید، این فیلدها را پر می‌کنید.
۳. Taxonomy – دسته‌بندی سفارشی
برای اینکه مناطق به شهرهایشان متصل شوند، یک Taxonomy به نام “شهر مربوطه” می‌سازید.
📌 مثلاً: میدان امام و خیابان مطهری هر دو زیرمجموعه بوشهر هستند.
۴. Listing – لیستینگ
حالا باید لیستی از مناطق هر شهر را نمایش دهید.
✅ شما یک Listing برای “مناطق” می‌سازید که فیلدهای زیر را نمایش دهد:
🔹 نام منطقه
🔹 تصویر منطقه
🔹 لینک صفحه داینامیک منطقه
بعد، این لیست را در صفحه داینامیک بوشهر قرار می‌دهید تا تمام مناطق زیرمجموعه آن نمایش داده شوند.
۵. Query Builder – کوئری سفارشی
شما در لیستینگ، از Query Builder استفاده می‌کنید تا فقط مناطقی که مربوط به بوشهر هستند نمایش داده شوند، نه مناطق شهرهای دیگر.
۶. Dynamic Tags – برچسب‌های داینامیک
در صفحه داینامیک هر منطقه، از برچسب‌های داینامیک استفاده می‌کنید تا اطلاعات آن منطقه را نشان دهید.
✅ مثلاً، به‌جای اینکه متن ثابت بنویسید، نام منطقه، آدرس و شماره تماس آن از متاباکس خوانده می‌شود و در صفحه نمایش داده می‌شود.
۷. Dynamic Visibility – نمایش شرطی
شما می‌توانید تنظیم کنید که:
✔ اگر منطقه‌ای تصویر ندارد، بخش تصویر نمایش داده نشود.
✔ اگر منطقه‌ای شماره تماس ندارد، متن “تماس موجود نیست” نمایش داده شود.
در نهایت، چه چیزی ساخته‌ایم؟
🔹 یک صفحه داینامیک بوشهر داریم که لیست مناطقش را نمایش می‌دهد.
🔹 وقتی روی یک منطقه کلیک کنیم، صفحه داینامیک آن با اطلاعات مخصوص خودش باز می‌شود.
🔹 URL هر منطقه هم کاملاً درست است:
https://emdadshabake.ir/IT-Online-Services/بوشهر/میدان-امام
🔹 اطلاعات هر منطقه خودکار از دیتابیس خوانده می‌شود، بدون نیاز به ساخت دستی صفحات.
