افزونه حرفه‌ای ساخت فهرست جت منو برای المنتور | JetMenu For Elementor

افزونه جت منو (JetMenu For Elementor) از Crocoblock برای ساخت مگامنو در سایت‌هایی است که با المنتور ساخته می‌شوند: هر گزینه فهرست می‌تواند به‌جای یک زیرمنوی ساده، پنلی با ستون، عنوان، فهرست و ابزارک‌های المنتور باز کند. در قالب‌هایی که جایگاه فهرست دارند، فهرست را از «نمایش > فهرست‌ها» در پیشخوان وردپرس می‌سازید و JetMenu آن را برای جایگاه انتخابی نمایش می‌دهد.

وردپرس نیاز این افزونه را در میان افزونه‌های کاربردی وردپرس عرضه می‌کند. افزونه به المنتور نیاز دارد. در نصب آزمایشی (وردپرس فارسی تازه با المنتور رایگان و یک قالب کلاسیک) ابزارک‌های JetMenu در ویرایشگر المنتور ثبت شدند و نسخه پرو لازم نشد. نصب و تنظیم افزونه روی سایت را می‌توانید به پشتیبانی وردپرس بسپارید.

در همین نصب آزمایشی، پنجره تنظیمات گزینه فهرست و صفحه تنظیمات افزونه در پیشخوان راست‌چین بودند و در سایت، در عرض ۱۲۸۰ پیکسل، گزینه‌های فهرست و ستون‌های پنل مگامنو از سمت راست شروع می‌شدند.

فهرست قالب، گزینه‌ها و پنل مگامنو در JetMenu

صفحه فهرست‌ها پس از نصب پنل JetMenu Locations Settings را می‌گیرد. برای هر جایگاه فهرست قالب یک کلید روشن و خاموش دارد و کنار آن می‌شود فهرست دیگری را برای چیدمان موبایل انتخاب کرد. با کلید روشن جایگاه سربرگ، فهرست سایت با JetMenu نمایش داده شد. متن همان پنل می‌گوید برای ساخت سربرگ و پابرگ بهتر است از ابزارک‌های JetMenu استفاده شود، نه از جایگاه فهرست قالب، چون سبک‌ها یکدست می‌ماند و با فهرست پیش‌فرض قالب تداخل پیش نمی‌آید.

با باز کردن یک گزینه فهرست (پیکان کنار آن)، دکمه Settings کنارش ظاهر می‌شود و پنجره Item settings را باز می‌کند. بخش‌های این پنجره:

• Mega Content: کلیدی برای روشن کردن پنل مگامنو برای همین گزینه، انتخاب ویرایشگر محتوای پنل (المنتور یا ویرایشگر بلوکی)، دکمه Open editor، جایگاه پنل و عرض سفارشی آن. در آزمایش، این دکمه محتوای گزینه را در یک زبانه تازه در ویرایشگر المنتور باز کرد.
• Item Icon: آیکون SVG برای گزینه، با رنگ و اندازه.
• Item Badge: نشانی متنی یا SVG برای گزینه، با رنگ متن و پس‌زمینه و جابه‌جایی افقی و عمودی.
• Advanced: پنهان کردن برچسب گزینه و فاصله داخلی دلخواه.
• Dynamic Visibility: کلیدی برای روشن کردن نمایش پویای گزینه.

محتوای نمونه را برای آزمایش با اسکریپت وارد کردیم: سه ستون که هر کدام یک عنوان و فهرستی از ابزارک Vertical Mega Menu دارند، با سه فهرست نمونه جدا. هنگام رفتن روی گزینه اول، پنل برای بازدیدکننده باز شد. در صفحه‌ای به عرض ۱۲۸۰ پیکسل ستون اول در سمت راست بود و ستون‌ها به سمت چپ ادامه می‌یافتند.

ابزارک‌های المنتور

در ویرایشگر المنتور رایگان این ابزارک‌های JetMenu ثبت شده بودند. تنظیمات هر ابزارک را از فهرست ابزارک‌های ثبت‌شده در ویرایشگر خواندیم؛ جز Vertical Mega Menu، رفتار آن‌ها روی سایت دیده نشد:

• Mega Menu: فهرستی را که از میان فهرست‌های وردپرس انتخاب می‌کنید نمایش می‌دهد. تنظیمات آن چیدمان افقی، عمودی یا کشویی، باز شدن زیرمنو با رفتن روی گزینه یا با کلیک، جمع کردن گزینه‌های افقی زیر یک گزینه با متن یا آیکون و بارگذاری محتوای پنل با Ajax را شامل می‌شود.
• Vertical Mega Menu: تنظیمات آن جایگاه زیرمنو، باز شدن با رفتن روی گزینه یا کلیک و چند جلوه حرکتی را دارد. فهرست‌های درون ستون‌های پنل آزمایشی را با آن ساختیم.
• Hamburger Menu: دکمه همبرگری برای فهرست موبایل. تنظیمات آن چند چیدمان برای پنل موبایل (مثل Slide Out)، جایگاه دکمه و جایگاه پنل، نان‌ریز و قفل اسکرول صفحه را دربر می‌گیرد.

به گفته سازنده، افزونه با ویرایشگر بلوکی وردپرس هم سازگار است، و بلوک‌های mega-menu و mobile-menu در افزونه ثبت می‌شود. سازنده برای فهرست چسبان، که هنگام اسکرول در صفحه می‌ماند، افزونه جدای JetTricks را معرفی می‌کند.

تنظیمات افزونه

از منوی Crocoblock در پیشخوان، گزینه JetPlugins Settings صفحه تنظیمات JetMenu را باز می‌کند. بالای این صفحه دکمه‌هایی برای مدیریت پیش‌تنظیم‌ها، گرفتن خروجی از تنظیمات، وارد کردن تنظیمات و بازنشانی هست. بخش‌های صفحه:

• General Settings: کلید کش محتوای قالب‌ها، انتخاب مدت اعتبار کش، دکمه پاک کردن کش و کلیدهایی برای بارگذاری SVG، هماهنگی با قالب فعلی و کش CSS فهرست.
• Main Menu: تنظیمات چیدمان، جایگاه و جلوه زیرمنو، شیوه باز شدن و جمع کردن گزینه‌ها. متن خود صفحه می‌گوید این بخش فقط برای جایگاه‌های فهرست قالب است و ابزارک‌های JetMenu تنظیم سبک خودشان را دارند.
• Mobile Render: بخش تنظیمات رندر موبایل.

پیش از خرید

بسته فایل‌هایی برای محتوای نمونه پنل دارد. طبق فایل راهنمای داخل بسته، نمونه‌های وبلاگ، فروشگاه و فرم تماس به افزونه JetElements هم نیاز دارند و نمونه‌های فهرست و چندرسانه‌ای به فهرست‌های دیگری که خودتان می‌سازید.

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