آموزش تصویری ساخت مگا منو در وردپرس

آموزش تصویری ساخت مگا منو در وردپرس

اخیرا کاربران از ما برای آموزش ساخت مگا منو در وردپرس را درخواست داشته اند. مگا منوها به شما این امکان را می دهد که منوهای کشویی چند ستونه را به ناوبری خود با رسانه های غنی مانند تصاویر و ویدیو اضافه کنید. در این سری از مقالات آموزش وردپرس به آموزش تصویری ساخت مگا منو در وردپرس می پردازیم.

چه کسانی و چرا باید از مگا منو ها باید در وردپرس استفاده کنند؟

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

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

آموزش تصویری ساخت مگا منو در وردپرس

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

حالا بیاید به آموزش ساخت مگا منو در وردپرس بپردازیم.

آموزش ساخت مگا منو در وردپرس

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

پس از فعال سازی افزونه، یک منوی جدید به نام Mega Menu به پیشخوان مدیریت وردپرس شما اضافه خواهد شد.

آموزش ساخت مگا منو در وردپرس

تنظیمات پیشرفته برای اکثر وب سایت ها کار میکند. اما شما باید رنگ ها را با رنگ منوی ناوبری خود تنظیم کنید تا با هم هماهنگ شوند.

برای اینکه کد رنگ مورد نظر را پیدا کنید، بر روی قسمت مورد نظر در مرورگر خود راست کلیک کرده، و سپس گزینه ی Inspect element را انتخاب کنید. با این کار سورس کد این بخش برای شما باز شده، و جزئیات آن برای شما نمایش داده خواهد شد.

آموزش تصویری ساخت مگا منو در وردپرس - وردپرس مانیا

به عنوان مثال در عکس بالا، در قسمتی که با کادر مشخص شده، بخش مشخص شده با # ، کد رنگ منو است.

سپس به بخش mega menu settings یا تنظیمات مگا منو مراجعه کنید، و بر روی Menu Themes و سپس Menu Bar کلیک کنید.

آموزش تصویری ساخت مگا منو در وردپرس - وردپرس مانیا

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

حالا که ما تنظیمات مگا منو را پیکربندی کرده ایم، بیایید جلو برویم و مگا منو را ایجاد کنیم.

ابتدا باید به بخش نمایش » فهرست ها مراجعه کنید، سپس آیتم های اصلی خود را به منوی خود اضافه کنید.

سپس باید چک باکس Enable در باکس : مگا منو ها (Max Mega Menu Settings) را فعال کنید.

آموزش تصویری ساخت مگا منو در وردپرس

سپس باید بر روی هر کدام از آیتم هایی که اضافه کرده اید اگر ماوس تان را نگاه دارید، یک دکمه mega menu مطابق شکل زیر نمایان خواهد شد.

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

آموزش تصویری ساخت مگا منو در وردپرس - وردپرس مانیا

هم چنین میتوانید با کلیک بر روی آیکون آچار در ابزارک، تنظیمات را مشاهده و تغییر دهید.

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

آموزش تصویری ساخت مگا منو در وردپرس - وردپرس مانیا

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

به این مطلب رای بدید
[تعداد آرا : 2 میانگین : 5]

شما اینجا هستید : خانه » بلاگ » آموزش تصویری ساخت مگا منو در وردپرس

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *