مگا منوها به کاربران این امکان را می دهند که پیوندهای بیشتری را بدون نیاز به اسکرول کردن، نگه داشتن ماوس و به خاطر سپردن آن ها به صورت یکجا ببینند محتویات از منوی شما بهترین راه برای فکر کردن در مورد مگا منوها این است که آنها منوهای کشویی درون منوهای کشویی هستند.
بنابراین به جای منوی کشویی عادی شما که هنگام حرکت روی پیوندهای اصلی اصلی خود در نوار ناوبری خود ، یک زیر منو را نشان می دهد ، یک مگا منو به شما امکان می دهد پیوندها و زیر منوهای والدین دیگری را در فهرست کشویی داشته باشید.
نحوه اضافه کردن یک منوی مگا به نوار پیمایش
وارد داشبورد وردپرس خود شوید و به آن بروید ظاهر> منوها .
با هر پیوند والدین که دارای پیوندهای زیر منوی خاص خود هستند ، یک منو ایجاد کنید. در مثال زیر ، من سه مورد زیر منو را در زیر هر یک از چهار پیوند منوی والد اضافه می کنم.
یک پیوند اضافی ایجاد کنید تا به عنوان پیوند مگا منو عمل کند. برای مثال زیر ، من این پیوند را "اصلی" می نامم. سپس دو پیوند منوی والد (هر کدام با پیوندهای زیر منوی خود) را در زیر پیوند اصلی بکشید.
اکنون برای ایجاد Megamenu خود ، باید یک کلاس CSS ویژه به پیوند اصلی سطح بالا با نام "Main" اضافه کنید. این کار را می توانید با کلیک بر روی پیوند گزینه های صفحه در بالای صفحه خود و اطمینان از انتخاب گزینه CSS انجام دهید.
در آخر ، شما باید یک کلاس CSS به پیوند "اصلی" که تازه ایجاد کرده اید اضافه کنید. روی پیکان سمت راست مورد منوی "اصلی" کلیک کنید تا گزینه های پیکربندی اضافی را تغییر دهید. کادر متنی را با عنوان کلاسهای CSS پیدا کرده و وارد کلاس "mega-menu" شوید.
اکنون ، هنگامی که صفحه خود را بارگیری مجدد می کنید ، می بینید که تمام منوهای قبلی در منوی غول پیکر تحت این لینک ، منوی مگا قرار گرفته اند.
این همه چیز برای این آموزش است، امیدوارم به شما امکان ایجاد یک منوی بزرگ را بدهد DIVI با سهولت.