تمام دوره های فصل وردپرس رایگان شدند!!!

کارو کانتنت

آموزش ساخت مگامنو در وردپرس با افزونه Max Mega Menu + آموزش ویدئویی

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

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

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

Max Mega Menu banner

آموزش ساخت مگامنو در وردپرس با افزونه Max Mega Menu

دانلود ویدئو

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

Max Mega Menu menu activation

بعد از فعالسازی در ساختار فهرست می‌توانیم مشاهده کنیم به همه‌ی گزینه‌های منو، گزینه‌ی مگا منو اضافه شده است.

این مطلب را هم بخوانید:  افزودن آیکون به منو در وردپرس با افزونه Menu Icons

Max Mega Menu button

با کلیک روی گزینه مگامنو، می توانید زیرمنویی عریض برای آن منو تعریف کنید و آن را ستون بندی کنید. برای مثال 3 ستون را انتخاب می‌کنیم. ازقسمت (2) یک ابزارک برای اضافه کردن به پنل انتخاب کنید، می‌توانیم انتخاب کنیم عکس، متن و.. به منو اضافه شود.

Max Mega Menu grids

برای مثال از ابزار‌های موجود، تصویر را انتخاب می‌کنیم. همینطور از قسمت حالت نمایش زیرمنو، می‌توانیم انتخاب کنیم منو به چه صورت نمایش داده شود. با انتخاب حالت  mega menu grid layout می‌تواینم منو را تقسیم‌بندی کنیم.

Max Mega Menu image

با انتخاب گزینه‌ی columns می‌توانیم ستون‌های جدیدی را به زیرمنو اضافه کنیم.

Max Mega Menu new column

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

Max Mega Menu close

بعد از تنظیمات هر ابزارک، کافیست گزینه ذخیره هر کدام را بزنید تا تغییرات اعمال شوند.

در قسمت تنظیمات می‌توانیم مشخص کنیم در موبایل به چه شکل نمایش داده شود. چینش منو به چه شکل باشد. آیکون آن در کدام قسمت قرار بگیرد.

Max Mega Menu settings

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

Max Mega Menu result

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

این مطلب را هم بخوانید:  آموزش افزونه ریسپانسیو کردن و ساخت منو در وردپرس + آموزش ویدئویی

Max Mega Menu bar 1

از قسمت مگا منو می‌توانیم عرض منو را مشخص کنیم.

Max Mega Menu menu settings

در سربرگ Mobile Menu می‌توانید تنظیمات منو در موبایل را انجام دهید.

Max Mega Menu mobile menu

تمام تنظیمات ظاهری منو را می توانید از این بخش تنظیمات انجام دهید و سپس تغییرات را در سایت مشاهده کنید.

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

با جستجو کردن  Max Mega Menu می‌توانیم  در سایت اصل مگامنو  megamenu.comدموی این افزونه را مشاهده کنیم. این افزونه نسخه‌‌ی پولی هم دارد.

در تضویر زیر می‌توانیم دمویی از مگا منوی ایجاد شده را مشاهده کنیم.

Max Mega Menu demo1

همانطور که مشاهده می‌کنید، می‌توانید در مگا منو از فرم و نقشه هم استفاده کرد. کافیست کمی خلاقیمت به خرج دهید.

Max Mega Menu demo2

تنها با حوصله کردن و انجام تغییرات، می‌توانید منوی مورد نظرتان را برای سایتتان را پیاده سازی کنید.

امیدواریم این آموزش برای شما مفید بوده باشد. حتما از قسمت نظرات همین مطلب نظرات و سوالاتتون رو مطرح کنید.

جهت دانلود ایمیل خود را وارد کنید و دکمه را بزنید. اگر عضو سایت هستید، لطفا وارد حساب کاربری شوید تا دیگر این فرم ایمیل را نبینید.
میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!
حتما عضو کانال یوتیوب فصل وردپرس باشید! ما در یوتیوب دوره ها و آموزش های رایگان داریم!!!
4/5 - (4 امتیاز)
مسعود جواهری

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

مسعود در 8 دسامبر 2019 - 21:12 پاسخ

سلام
بعد از نصب مگا منو در قسمت فعال سازی با این متن مواجه میشوم

لطفا این منو به محل موضوع اختصاص به فعال کردن تنظیمات مگا منو.
To assign this menu to a theme location, scroll to the bottom of this page and tag the menu to a ‘Display location’.
قالب انفولد باید چکار کنم

    مسعود جواهری در 9 دسامبر 2019 - 11:00 پاسخ

    سلام خدمت شما
    مثل اینکه هنوز منویی برای اون قسمت تنظیم نشده. احتمالا از بخش فهرست ها تنظیم کنید درست میشه. همچنین تنظیمات قالب رو هم بررسی کنید که آیا اونجا هم جایی برای تنظیم منو داره یا نه.

دوره های رایگان سئو و طراحی سایت در یوتیوب!