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

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

نحوه اضافه کردن یک منوی مگا به نوار پیمایش

وارد داشبورد وردپرس خود شوید و به آن بروید ظاهر> منوها .

منوی wordpress divi.png

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

منوی divi.png

یک پیوند اضافی ایجاد کنید تا به عنوان پیوند مگا منو عمل کند. برای مثال زیر ، من این پیوند را "اصلی" می نامم. سپس دو پیوند منوی والد (هر کدام با پیوندهای زیر منوی خود) را در زیر پیوند اصلی بکشید.

اکنون برای ایجاد Megamenu خود ، باید یک کلاس CSS ویژه به پیوند اصلی سطح بالا با نام "Main" اضافه کنید. این کار را می توانید با کلیک بر روی پیوند گزینه های صفحه در بالای صفحه خود و اطمینان از انتخاب گزینه CSS انجام دهید.

کلاسهای css divi.png

در آخر ، شما باید یک کلاس CSS به پیوند "اصلی" که تازه ایجاد کرده اید اضافه کنید. روی پیکان سمت راست مورد منوی "اصلی" کلیک کنید تا گزینه های پیکربندی اضافی را تغییر دهید. کادر متنی را با عنوان کلاسهای CSS پیدا کرده و وارد کلاس "mega-menu" شوید.

مگا منوی divi.png

اکنون ، هنگامی که صفحه خود را بارگیری مجدد می کنید ، می بینید که تمام منوهای قبلی در منوی غول پیکر تحت این لینک ، منوی مگا قرار گرفته اند.

mega menu divi example.png

این همه چیز برای این آموزش است، امیدوارم به شما امکان ایجاد یک منوی بزرگ را بدهد DIVI با سهولت.