
Divi MadMenu یک ماژول شخص ثالث است که دو ماژول جدید را به Divi Builder اضافه میکند تا طراحیهای جالب و زیبای منو ایجاد کند. ماژول ها دارای ویژگی های زیادی برای اضافه کردن CTA، ایجاد فرم های ورود به سیستم پاپ آپ و منوهای کشویی هستند و می توانید منوهای عمودی ایجاد کنید. در این پست، نگاهی دقیقتر به Divi MadMenu میاندازیم، میبینیم چه کاری میتواند انجام دهد و چقدر آسان است. امیدواریم این به شما کمک کند تصمیم بگیرید که آیا این محصول برای نیازهای شما مناسب است یا خیر.
MadMenu دو ماژول جدید به Divi Builder اضافه می کند. در اینجا شرح هر ماژول آمده است:
- Divi MadMenu ماژول اصلی با توابع اصلی است. این شامل دکمه ها، گزینه های بازشو، گزینه های کشیدن و بسیاری از گزینه های طرح بندی است.
- ماژول منوی عمودی Divi MadMenu ماژول جدیدی است که گزینه های منوی عمودی را اضافه می کند.
ابتدا به ماژول اصلی نگاه می کنیم. ماژول Divi MadMenu ویژگی های زیادی را اضافه می کند. در اینجا نگاهی به برگه Content و ابزارهای موجود در آن می اندازیم.
عناصر
آیتم ها همه چیزهایی هستند که می توانید به منو اضافه کنید. این شامل انتخاب منوی دسکتاپ یا موبایل، فعالسازی لوگو، جستجو، سبد خرید، دکمه یک و دکمه دو است. هر مورد در بخشهای خود در برگه محتوا انتخاب و تنظیم میشود. آنها را در اینجا فعال می کنید و سپس آنها را در زیر آن تنظیم می کنید.
منوی دسکتاپ
منوی مورد نظر را برای نمایش انتخاب کنید، نقطه انفصال را که به نسخه منوی موبایل منوی شما تغییر می کند، تنظیم کنید، انیمیشن زیر منو و مدت زمان انیمیشن را انتخاب کنید.
منوی موبایل
منوی موبایل به شما امکان می دهد تا به نسخه موبایل منو جدا از نسخه دسکتاپ استایل دهید. منوی تلفن همراه را برای نمایش انتخاب کنید، نقطه شکست را تنظیم کنید، انتخاب کنید که آیا جمع شوند یا خیر، روی کلیک خارجی ببندید، مکان منوی کشویی را انتخاب کنید و تنظیمات انیمیشن را تنظیم کنید.
کوچک کردن منوهای فرعی باعث می شود زیر منوها به طور پیش فرض بسته شوند. اگر آنها را جمع کنید، این گزینه را خواهید داشت که نحوه باز شدن آنها هنگام کلیک کردن را انتخاب کنید. بین Expand، Swipe Right یا Swipe چپ انتخاب کنید. همچنین گزینه Use Submenu Header Text را اضافه می کند که به شما امکان می دهد بین متن عنصر والد، متن سفارشی و بدون متن انتخاب کنید.
انگشت خود را به راست بکشید و فلش ها را به سمت چپ یا راست بکشید. با کلیک بر روی آنها منو را در آن جهت می لغزند. این Swipe Right است. یک زیر منوی باز و فلش هایی را نشان می دهد که نشان می دهد یک زیر منو است. از متن عنصر والد برای متن سرصفحه زیر منو استفاده می کند.
منوی موبایل را تغییر دهید
این را فعال کنید تا فقط یک نماد نشان داده شود، یک برچسب یا نماد و برچسب نشان داده شود. شکل، برچسب باز و بسته و موقعیت برچسب را انتخاب کنید. Position برچسب را در سمت راست یا چپ نماد منو قرار می دهد.
لوگو
لوگو را انتخاب کنید، URL را اضافه کنید و انتخاب کنید که آیا پیوند باید در همان پنجره باز شود یا در پنجره دیگری.
جستجو کردن
بین نماد یا تصویر انتخاب کنید و متن ظرف را وارد کنید. متن ظرف در کادر جستجو ظاهر می شود که با کلیک روی نماد جستجو ظاهر می شود.
سبد خرید
شکل سبد خرید را انتخاب کنید و بین نماد یا تصویر یکی را انتخاب کنید. این با WooCommerce سازگار است و تعداد اقلام موجود در سبد خرید را نمایش می دهد.
گزینه image یک انتخابگر تصویر سبد خرید اضافه می کند که در آن می توانید هر تصویری را در کتابخانه رسانه خود به عنوان پیوندی به سبد خرید خود انتخاب کنید. اندازه آن برای مطابقت با منو تغییر یافته است، اما در صورت تمایل می توانید آن را در تنظیمات طراحی تنظیم کنید.
دکمه یک و دکمه دو
Divi MadMenu دو دکمه به منو اضافه می کند که به عنوان CTA کار می کنند. می توانید یک یا هر دو دکمه را اضافه کنید. متن دکمه را اضافه کنید، یک نماد را فعال کنید و بین URL یا پنجره بازشو انتخاب کنید. دکمه یک و دکمه دو به همین صورت عمل می کنند.
برای نماد دکمه، می توانید بین نماد یا تصویر یکی را انتخاب کنید. همچنین می توانید آن را طوری تنظیم کنید که نماد را نشان دهد یا فقط آن را در حالت انتظار نشان دهد.
برای فعال کردن محتوای تایید شده کاربر، تب Auth را انتخاب کنید. فعال کردن محتوای کاربر مجموعه جدیدی از گزینه ها را باز می کند که در آن می توانید نوع مجوز را بین URL و فرم ورود انتخاب کنید. نوع پیوند و URL را برای تغییر مسیر در هنگام خروج تنظیم کنید.
تنظیمات سازنده
Show Outlines یک طرح کلی در اطراف هر عنصر ایجاد می کند. شما می توانید رنگ طرح کلی را انتخاب کنید. فعال کردن حالت ورود، دکمه یک را برجسته میکند و متن را برای نمایش Logout تغییر میدهد و نشان میدهد که آنها وارد سیستم شدهاند.
بخش Design شامل بسیاری از تنظیمات تخصصی برای سفارشی کردن طرح منو است.
طرح کلی Divi MadMenu
تنظیمات شامل تراز کردن عناصر، جهت کشویی، ترتیب منو، ترتیب لوگو، ترتیب جستجو، سفارش سبد خرید و ترتیب دکمهها است. مخلوط کردن آنها با هم گزینه های زیادی برای چیدمان فراهم می کند.
عناصر چیدمان
این تنظیمات به شما این امکان را می دهد که هر یک از عناصر را به صورت جداگانه تنظیم کنید. تراز عمودی و افقی را تغییر دهید، عرض را سفارشی کنید و حداکثر عرض را سفارشی کنید. با استفاده ترکیبی از آنها، میتوانند طرحبندیهای جالبی ایجاد کنند.
گزینه های سبک
تنظیمات Mad Menu Design شامل تمام گزینه هایی است که از یک ماژول Divi انتظار دارید. من چند ترفند طراحی به این مثال اضافه کرده ام.
ماژول منوی عمودی Divi MadMenu در نگاه اول ساده به نظر می رسد. این شامل یک برگه Menu است که در آن می توانید منوی مورد نظر را برای نمایش انتخاب کنید و زیر منوهای Collapse را فعال کنید.
کوچک کردن زیر منوها
فعال کردن منوهای فرعی کوچک کردن گزینههای سبک زیر منو را اضافه میکند، پیوندهای والدین را قابل کلیک میکند، حالت آکاردئون را فعال میکند، نماد والد را انتخاب میکند و نماد والد را متحرک میکند.
سبک منوی فرعی
کادر کشویی Submenu Style به شما امکان می دهد بین Expand، Slide Right و Slide Left یکی را انتخاب کنید.
این مثال گزینه Swipe Left را نشان می دهد. متن هدر را نیز به متن سفارشی تغییر دادم.
بخش Design شامل تمام تنظیمات استایل منوی پیشفرض Divi است. من چند گزینه رنگ اضافه کردم، سبک فونت و چینش را تغییر دادم، گوشه های گرد زیر منوها را تغییر دادم و یک سایه کادر به زیر منو اضافه کردم.
Divi MadMenu با 13 دمو برای شروع ارائه می شود. برای اینکه بهتر ببینیم Divi MadMenu چه کاری میتواند انجام دهد، بیایید به نسخه آزمایشی شماره سیزده نگاهی بیندازیم تا ببینیم چه کاری میتواند انجام دهد. من این یکی را تصادفی انتخاب کردم، اما خوب است. از چندین ماژول Divi MadMenu برای ایجاد یک طراحی جالب استفاده می کند. نسخه دسکتاپ و گوشی را خواهیم دید.
دمو سیزده از دو ماژول Divi MadMenu، یک ماژول ورود و یک ماژول جستجو برای تنظیمات اولیه استفاده می کند. در اینجا وایرفریم ماژول ها را نشان می دهد.
همچنین شامل پنج ماژول Divi MadMenu دیگر برای ایجاد لغزنده و یک ماژول ردیابی اجتماعی است.
نسخه ی نمایشی سیزده دسکتاپ
در اینجا نگاهی به نسخه ی نمایشی رابط می اندازیم. منوهای پایین از منوی همبرگر باز می شوند. این معمولاً بسته است و با انتخاب سایر منوها به طور خودکار بسته می شود.
نماد حساب یک منوی کشویی در سمت راست باز می شود. این شامل یک دکمه بستن و یک دکمه خروج و همچنین پیوندهایی به صفحات حساب شخص است.
نماد رسانه های اجتماعی یک منوی کشویی در سمت چپ باز می کند. نماد جستجو یک کادر جستجو را در زیر هدر باز می کند. اینها تنها دو آیتم منو هستند که همزمان باز می شوند.
تلفن دمو سیزده
نسخه تلفن همان فرمت را با منوی همبرگر نشان می دهد که صفحه اصلی و پیوندهای صفحه را باز می کند. همه منوهای فرعی به گونه ای طراحی شده اند که با نوار بالایی مطابقت داشته باشند و شامل منوهای فرعی قابل ارتقا هستند.
نماد حساب، منوی کشویی سمت راست را باز می کند.
همه نمادهای اجتماعی در منوی کشویی سمت چپ باز می شوند. مانند هدر دسکتاپ، همزمان با جستجوی افراد باز می شود، اما وقتی به خودی خود باز می شود، جستجو بهتر به نظر می رسد.
کادر جستجو در زیر هدر باز می شود.
Divi MadMenus در بازار Divi با قیمت 39 دلار موجود است. این شامل استفاده نامحدود از وب سایت، 30 روز ضمانت بازگشت وجه و یک سال پشتیبانی و به روز رسانی است.
پایان افکار
این نگاه ما به Divi MadMenu برای Divi است. من فقط سطح آن را در این پست خراشیده ام. استفاده از هر دو ماژول آسان است و گزینه های طراحی و چیدمان زیادی را برای منوهای Divi فراهم می کند. گزینه های سوایپ عالی به نظر می رسند و گزینه بازشو ایجاد لاگین های منحصر به فرد را آسان می کند. برای ایجاد یک CTA حداکثر دو دکمه در هر ماژول اضافه کنید. طرحبندیهای متعددی را با یک ماژول ایجاد کنید یا ماژولهای Divi MadMenu بیشتری برای ایجاد هدرهای منحصربهفرد اضافه کنید. نسخههای نمایشی شگفتانگیز به نظر میرسند و الگوی خوبی برای شروع با پروژههای خود یا استفاده از آنها ارائه میدهند.
ما می خواهیم از تو بشنویم. آیا Divi MadMenu را امتحان کرده اید؟ نظر خود را در مورد این ماژول Divi در نظرات با ما در میان بگذارید.