ساخت مگا منو پیشرفته در المنتور با افزونه JetMenu

[irinfobox]حتما ادامه مقاله را بخوانید تا با ایجاد یک مگا منو در المنتور با افزونه JetMenu آشنا شوید و بتوانید منوهای چند ستونه همانند سایت های بزرگ ایجاد و طراحی کنید.[/irinfobox]

JetMenu یک پلاگین درجه یک است که امکان ایجاد یک مگا منو با Elementor را فراهم می کند. با استفاده از ویجت های مناسب، محتوای مرتبط را به منو اضافه کنید و بر اساس نیاز به آن استایل بدهید.

ایجاد مگا منو

مرحله 1 – منوی مگا را انتخاب یا ایجاد کنید

قبل از شروع کار، مطمئن شوید که افزونه JetMenu در حال حاضر در وب سایت نصب و فعال است.

مکان را در منوی خود (اصلی، پاورقی، اجتماعی) و تنظیمات منو انتخاب کنید (در منوی نمایش > فهرست ها). پس از آن، در بلوک تنظیمات مکانهای JetMenu، گزینه JetMenu را برای مکان فعلی فعال کنید را تغییر دهید و روی دکمه «ذخیره» کلیک کنید.

به داشبورد وردپرس بروید و به منوی نمایش > فهرست ها بروید. در اینجا می توانید یکی از منوهای موجود را برای ویرایش انتخاب کنید یا یک منوی جدید ایجاد کنید. آن را برای یک یا چند مورد از آن اعمال کنید.

مرحله 2 – یک مورد را انتخاب کنید

اکنون، برای فعال کردن خود مگا منو، موردی را که می‌خواهید یک مگا منو به آن اضافه کنید، را انتخاب کنید. ماوس را روی آن نگه دارید و روی دکمه «جت منو» که در سمت راست از عنوان مورد در سمت راست قرار گرفته است، کلیک کنید.

اگر می‌خواهید مگا منوها را روی چندین یا حتی روی همه آیتم‌های منو تنظیم کنید، کافی است اقدامات توصیف شده را برای هر یک از آنها تکرار کنید.

مرحله 3- بر روی گزینه جت منو کلیک کنید

بلافاصله پس از کلیک بر روی دکمه “جت منو” یک پنجره ظاهر می شود و بلوک محتوا به طور پیش فرض باز می شود.

گزینه زیر منوی Mega فعال است را روی بله یا فعال قرار دهید و روی دکمه “ذخیره” کلیک کنید. سپس، روی دکمه “ویرایش محتوای آیتم مگا منو” کلیک کنید تا به ویرایشگر المنتور بروید.

[irnot title=”توجه کنید”]توجه داشته باشید! گزینه های بیشتری برای تنظیم آیتم های منو وجود دارد، مانند آیکون، نشان ها، و منوی عمودی.[/irnot]

• محتوای مگا – موقعیت مگا منو را تنظیم کنید (پیش‌فرض یا نسبی مورد منو) و عرض منوی سفارشی را انتخاب کنید.
• آیکون آیتم – در صورت تمایل، به سادگی نماد منو و رنگ آن را انتخاب کنید.
• نشان آیتم – با این تنظیم می‌توانید یک نشان به آیتم‌ها اضافه کنید، مثلاً Trending یا Sell و رنگ آن‌ها را انتخاب کنید.
• در پیشرفته ، فرصتی برای پنهان کردن منوی پیمایش و سفارشی کردن padding یا فاصله ها از داخل وجود دارد.
• آخرین دسته ویجت منوی عمودی است – در اینجا عرض ویجت منوی مگا عمودی را تنظیم کنید.

مرحله 4 – یک ویجت را انتخاب کنید

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

شما می توانید هر آیتم منو را با محتوای مناسب به همان روش درست کنید. وقتی همه آیتم‌های منو سفارشی شدند، روی دکمه «ذخیره منو» کلیک کنید و صفحه را در المنتور باز کنید، جایی که می‌خواهید مگا منو نمایش داده شود.

[irnot title=”توجه کنید”]اطمینان حاصل کنید که منو را همانطور که در بالا ذکر شد ذخیره کنید، در غیر این صورت، تغییرات ذخیره نمی شوند.[/irnot]

نمایش مگا منو در قالب هدر

خوب دوستان، اکنون می توانیم اقدامات قبلی خود را در وب سایت مشاهده کنیم. وقتی همه آیتم های منو سفارشی و ذخیره می شوند، می توانید مگا منو را به سربرگ سایت اضافه کنید. به قالب ها > پوسته ساز بروید، هدری را که می خواهید مگا منو روی آن اعمال شود را انتخاب کنید و دکمه «ویرایش با المنتور» را فشار دهید.

مرحله 1 – یک ویجت مگا منو را در پنل المنتور اضافه کنید

[irnot title=”توجه کنید”]توجه داشته باشید! در پنل المنتور دو ویجت مگا منوی عمودی و مگا منو وجود دارد.[/irnot]

بنابراین، یکی از ابزارک ها را انتخاب کنید و آن را به یک مکان خاص در صفحه بکشید.

مرحله 2 – یک مگا منو را انتخاب و سفارشی کنید

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

مرحله 3- روی به روز رسانی کلیک کنید و به نتیجه نگاه کنید

وقتی همه چیز سفارشی شد، روی دکمه «به‌روزرسانی» در زیر کلیک کنید و از نمای مؤثر منوی مگا در وب‌سایت لذت ببرید.

صفحات را با مگا منوهای جذاب و چشم نواز حرفه ای کنید و با استفاده از قابلیت جت منو توجه بازدیدکنندگان را به وب سایت خود جلب کنید.

???? به دردتون میخوره!

• آموزش قالب Shoptimizer | فیلم آموزش کامل(رایگان)
• آموزش ساخت فرم ثبت نام در المنتور با افزونه Actions Pack