منو سایت

برجسته پلاگین Divi: Divi MadMenu

 تاریخ انتشار :
/
  وبلاگ
برجسته پلاگین Divi: Divi MadMenu

Divi MadMenu یک ماژول شخص ثالث است که دو ماژول جدید را به Divi Builder اضافه می‌کند تا طراحی‌های جالب و زیبای منو ایجاد کند. ماژول ها دارای ویژگی های زیادی برای اضافه کردن CTA، ایجاد فرم های ورود به سیستم پاپ آپ و منوهای کشویی هستند و می توانید منوهای عمودی ایجاد کنید. در این پست، نگاهی دقیق‌تر به Divi MadMenu می‌اندازیم، می‌بینیم چه کاری می‌تواند انجام دهد و چقدر آسان است. امیدواریم این به شما کمک کند تصمیم بگیرید که آیا این محصول برای نیازهای شما مناسب است یا خیر.

MadMenu دو ماژول جدید به Divi Builder اضافه می کند. در اینجا شرح هر ماژول آمده است:

  • Divi MadMenu ماژول اصلی با توابع اصلی است. این شامل دکمه ها، گزینه های بازشو، گزینه های کشیدن و بسیاری از گزینه های طرح بندی است.
  • ماژول منوی عمودی Divi MadMenu ماژول جدیدی است که گزینه های منوی عمودی را اضافه می کند.

ماژول های Divi MadMenu

در این پست نگاهی به ماژول کلی MadMenu خواهیم انداخت. این ماژول ویژگی های زیادی را اضافه می کند. در اینجا نگاهی به برگه Content و ابزارهای موجود در آن می اندازیم.

عناصر

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

Divi MadMenu

منوی دسکتاپ

منوی مورد نظر را برای نمایش انتخاب کنید، نقطه انفصال را که به نسخه منوی موبایل منوی شما تغییر می کند، تنظیم کنید، انیمیشن زیر منو و مدت زمان انیمیشن را انتخاب کنید.

Divi MadMenu

منوی موبایل

منوی موبایل به شما امکان می دهد تا به نسخه موبایل منو جدا از نسخه دسکتاپ استایل دهید. منوی تلفن همراه را برای نمایش انتخاب کنید، نقطه شکست را تنظیم کنید، انتخاب کنید که آیا جمع شوند یا خیر، روی کلیک خارجی ببندید، مکان منوی کشویی را انتخاب کنید و تنظیمات انیمیشن را تنظیم کنید.

Divi MadMenu

کوچک کردن منوهای فرعی باعث می شود زیر منوها به طور پیش فرض بسته شوند. اگر آنها را جمع کنید، این گزینه را خواهید داشت که نحوه باز شدن آنها هنگام کلیک کردن را انتخاب کنید. بین Expand، Swipe Right یا Swipe چپ انتخاب کنید. همچنین گزینه Use Submenu Header Text را اضافه می کند که به شما امکان می دهد بین متن عنصر والد، متن سفارشی و بدون متن انتخاب کنید.

Divi MadMenu

انگشت خود را به راست بکشید و فلش ها را به سمت چپ یا راست بکشید. با کلیک بر روی آنها منو را در آن جهت می لغزند. این Swipe Right است. یک زیر منوی باز و فلش هایی را نشان می دهد که نشان می دهد یک زیر منو است. از متن عنصر والد برای متن سرصفحه زیر منو استفاده می کند.

Divi MadMenu

منوی موبایل را تغییر دهید

این را فعال کنید تا فقط یک نماد نشان داده شود، یک برچسب یا نماد و برچسب نشان داده شود. شکل، برچسب باز و بسته و موقعیت برچسب را انتخاب کنید. Position برچسب را در سمت راست یا چپ نماد منو قرار می دهد.

Divi MadMenu

لوگو

لوگو را انتخاب کنید، URL را اضافه کنید و انتخاب کنید که آیا پیوند باید در همان پنجره باز شود یا در پنجره دیگری.

Divi MadMenu

جستجو کردن

بین نماد یا تصویر انتخاب کنید و متن ظرف را وارد کنید. متن ظرف در کادر جستجو ظاهر می شود که با کلیک روی نماد جستجو ظاهر می شود.

Divi MadMenu

سبد خرید

شکل سبد خرید را انتخاب کنید و بین نماد یا تصویر یکی را انتخاب کنید. این با WooCommerce سازگار است و تعداد اقلام موجود در سبد خرید را نمایش می دهد. گزینه image یک انتخابگر تصویر سبد خرید اضافه می کند که در آن می توانید هر تصویری را در کتابخانه رسانه خود به عنوان پیوندی به سبد خرید خود انتخاب کنید. اندازه آن برای مطابقت با منو تغییر یافته است، اما در صورت تمایل می توانید آن را در تنظیمات طراحی تنظیم کنید.

Divi MadMenu

دکمه یک و دکمه دو

Divi MadMenu دو دکمه به منو اضافه می کند که به عنوان CTA کار می کنند. می توانید یک یا هر دو دکمه را اضافه کنید. متن دکمه را اضافه کنید، یک نماد را فعال کنید و بین URL یا پنجره بازشو انتخاب کنید. دکمه یک و دکمه دو به همین صورت عمل می کنند.

Divi MadMenu

برای نماد دکمه، می توانید بین نماد یا تصویر یکی را انتخاب کنید. همچنین می توانید آن را طوری تنظیم کنید که نماد را نشان دهد یا فقط آن را در حالت انتظار نشان دهد.

Divi MadMenu

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

Divi MadMenu

تنظیمات سازنده

Show Outlines یک طرح کلی در اطراف هر عنصر ایجاد می کند. شما می توانید رنگ طرح کلی را انتخاب کنید. فعال کردن حالت ورود، دکمه یک را برجسته می‌کند و متن را برای نمایش Logout تغییر می‌دهد و نشان می‌دهد که آنها وارد سیستم شده‌اند.

Divi MadMenu

بخش Design شامل بسیاری از تنظیمات تخصصی برای سفارشی کردن طرح منو است.

طرح کلی Divi MadMenu

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

Divi MadMenu

عناصر چیدمان

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

Divi MadMenu

گزینه های سبک

تنظیمات Mad Menu Design شامل تمام گزینه هایی است که از یک ماژول Divi انتظار دارید. از سبک های متن گرفته تا رنگ ها، قاب ها و موارد دیگر.

Divi MadMenu

Divi MadMenu با 13 دمو برای شروع ارائه می شود. برای اینکه بهتر ببینیم Divi MadMenu چه کاری می‌تواند انجام دهد، بیایید به نسخه آزمایشی شماره سیزده نگاهی بیندازیم تا ببینیم چه کاری می‌تواند انجام دهد. من این یکی را تصادفی انتخاب کردم، اما خوب است. از چندین ماژول Divi MadMenu برای ایجاد یک طراحی جالب استفاده می کند. نسخه دسکتاپ و گوشی را خواهیم دید.

دمو سیزده از دو ماژول Divi MadMenu، یک ماژول ورود و یک ماژول جستجو برای تنظیمات اولیه استفاده می کند. در اینجا وایرفریم ماژول ها را نشان می دهد.

Divi MadMenu نسخه ی نمایشی سیزده

همچنین شامل پنج ماژول Divi MadMenu دیگر برای ایجاد لغزنده و یک ماژول ردیابی اجتماعی است.

Divi MadMenu نسخه ی نمایشی سیزده

نسخه ی نمایشی سیزده دسکتاپ

در اینجا نگاهی به نسخه ی نمایشی رابط می اندازیم. منوهای پایین از منوی همبرگر باز می شوند. این معمولاً بسته است و با انتخاب سایر منوها به طور خودکار بسته می شود.

Divi MadMenu نسخه ی نمایشی سیزده

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

Divi MadMenu نسخه ی نمایشی سیزده

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

Divi MadMenu نسخه ی نمایشی سیزده

تلفن دمو سیزده

نسخه تلفن همان فرمت را با منوی همبرگر نشان می دهد که صفحه اصلی و پیوندهای صفحه را باز می کند. همه منوهای فرعی به گونه ای طراحی شده اند که با نوار بالایی مطابقت داشته باشند و شامل منوهای فرعی قابل ارتقا هستند.

Divi MadMenu نسخه ی نمایشی سیزده

نماد حساب، منوی کشویی سمت راست را باز می کند.

Divi MadMenu نسخه ی نمایشی سیزده

همه نمادهای اجتماعی در منوی کشویی سمت چپ باز می شوند. مانند هدر دسکتاپ، همزمان با جستجوی افراد باز می شود، اما وقتی به خودی خود باز می شود، جستجو بهتر به نظر می رسد.

Divi MadMenu نسخه ی نمایشی سیزده

کادر جستجو در زیر هدر باز می شود.

Divi MadMenu نسخه ی نمایشی سیزده

Divi MadMenus در بازار Divi با قیمت 39 دلار موجود است. این شامل استفاده نامحدود از وب سایت، 30 روز ضمانت بازگشت وجه و یک سال پشتیبانی و به روز رسانی است.

Divi MadMenus را از کجا بخریم

پایان افکار

این نگاه ما به Divi MadMenu برای Divi است. من فقط سطح آن را در این پست خراشیده ام. استفاده از هر دو ماژول آسان است و گزینه های طراحی و چیدمان زیادی را برای منوهای Divi فراهم می کند. گزینه های سوایپ عالی به نظر می رسند و گزینه بازشو ایجاد لاگین های منحصر به فرد را آسان می کند. برای ایجاد یک CTA حداکثر دو دکمه در هر ماژول اضافه کنید. طرح‌بندی‌های متعددی را با یک ماژول ایجاد کنید یا ماژول‌های Divi MadMenu بیشتری برای ایجاد هدرهای منحصربه‌فرد اضافه کنید. نسخه‌های نمایشی شگفت‌انگیز به نظر می‌رسند و الگوی خوبی برای شروع با پروژه‌های خود یا استفاده از آن‌ها ارائه می‌دهند.

ما می خواهیم از تو بشنویم. آیا Divi MadMenu را امتحان کرده اید؟ نظر خود را در مورد این ماژول Divi در نظرات با ما در میان بگذارید.