منو سایت

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

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

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

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

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

ماژول های Divi MadMenu

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

عناصر

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

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

منوی دسکتاپ

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

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

منوی موبایل

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

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

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

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

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

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

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

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

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

لوگو

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

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

جستجو کردن

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

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

سبد خرید

شکل سبد خرید را انتخاب کنید و بین نماد یا تصویر یکی را انتخاب کنید. این با WooCommerce سازگار است و تعداد اقلام موجود در سبد خرید را نمایش می دهد.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

طرح کلی Divi MadMenu

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

گزینه های طرح بندی Divi MadMenu

عناصر چیدمان

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

گزینه های طرح بندی Divi MadMenu

گزینه های سبک

تنظیمات Mad Menu Design شامل تمام گزینه هایی است که از یک ماژول Divi انتظار دارید. من چند ترفند طراحی به این مثال اضافه کرده ام.

گزینه های طرح بندی Divi MadMenu

ماژول منوی عمودی Divi MadMenu در نگاه اول ساده به نظر می رسد. این شامل یک برگه Menu است که در آن می توانید منوی مورد نظر را برای نمایش انتخاب کنید و زیر منوهای Collapse را فعال کنید.

ماژول منوی عمودی Divi MadMenu

کوچک کردن زیر منوها

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

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

سبک منوی فرعی

کادر کشویی Submenu Style به شما امکان می دهد بین Expand، Slide Right و Slide Left یکی را انتخاب کنید.

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

این مثال گزینه Swipe Left را نشان می دهد. متن هدر را نیز به متن سفارشی تغییر دادم.

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

بخش 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 در نظرات با ما در میان بگذارید.