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

ما در قالب نیوکالا سه نوع منو داریم که اولین منو در صفحه اصلی می‌باشد:

 

منو دوم منوی مربوط به منوی برگه بلاگ است:

 

و سومین منو مربوط به صفحات مطلب بلاگ یا آرشیو بلاگ می‌باشد:

 

ابتدا افزونه مگامنو و Max Mega Menu – Pro Addon را نصب کرده بعد از نصب افزونه مگامنو، در منو وردپرس افزوده می‌شود.

در تب اول یعنی تنظیمات عمومی تغییرات خاصی اعمال نمی‌شود ولی یک مورد قابل ذکر است.

تنظیم اول این است که تیک گزینه Menu Item Descriptions را بردارید چون به معنی این است که اگر آیتمی توضیحات دارد نمایش بده مثلا اگر برای یک دسته بندی توضیحات درج کرده اید این توضیحات را در دسته بندی کالا نمایش می‌دهد که اصلا جلوه خوبی ندارد. بقیه تنظیمات درست است و نیاز به تغییرات ندارد.

 

تب menu themes

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

برای import کردن یک تم کافی است تمام تم را در قسمت import theme کپی کرده و دکمه import را بزنید بعد این کار می‌توانید در تب menu themes آن را ویرایش کنید.

حالا فرض کنید ما یک تم را import کرده و می‌خواهیم تغییرات در آن ایجاد کنیم ابتدا باید به بخش نمایش ها رفته و قسمت فهرست ها را انتخاب کنید تا صفحه زیر باز شود.

 

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

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

در ادامه برمی‌گردیم به مگامنو، تب menu themes

تنظیمات عمومی

در تب تنظیمات عمومی فیلد اول نام است که به دلخواه می‌توانید انتخاب کنید.

فلش ها: در این فیلد می‌توانید آیکون فلش های فهرست را تغییر دهید.

در فیلد های دیگر تغییرات خاصی لازم نیست انجام بدهید.

 

تب نوار منو

menu height: در این قسمت ارتفاع منو را می‌توانید تغییر دهید.

(Menu Height (Sticky: در این فیلد می‌توانید منو چسبان را فعال کنید همچنین می‌توانید ارتفاع آنرا موقع اسکرول شدن را تنظیم کنید.

حاشیه داخلی منو: تنظیمات مربوط به حاشیه داخلی منو است که می‌توانید کم یا زیاد کنید.

گردی گوشه های منو: در این فیلد می‌توانید گوشه های بیرونی منو را گرد کنید.

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

Item Spacing: در این قسمت می‌توانید فاصله بین آیتم ها را تغییر دهید.

Item Border: در این قسمت می‌توانید برای هر آیتم یک کادر در نظر بگیرید.

Item Border Radius: در این فیلد اگر به آیتم ها کادر داده اید می‌توانید گوشه های کادر را گرد کنید.

آیتم منوی تقسیم: در این آیتم می‌توانید یک خط بین آیتم ها ایجاد کنید.

هایلایت آیتم اکتیو: در این فیلد می‌توانید آیتمی که در صفحه اصلی فعال (اکتیو) شد را هایلایت کنید.

 

تب mega menu

 

این تنظیمات مربوط  به باکس اصلی مگامنو است که در تصویر بالا مشاهده می‌کنید.

بک گراند پنل اصلی مگامنو: در این قسمت می‌توانید رنگ بک گراند باکس مگامنو را تغییر دهید.

عرض پنل مگامنو: می‌توانید عرض باکس را  تغییر دهید. که ما عرض را 100% انتخاب کرده که کل صحفه را در برگرفته است.

فاصله داخلی مگامنو: در این قسمت فاصله داخلی باکس را می‌توانید تغییر دهید (ینی فاصله دسته بندی ها تا گوشه های باکس) که ما در اینجا 20px انتخاب کرده ایم.

حاشیه چنل: حاشیه ینی همان کادر یا border که می‌توانید دور باکس ایجاد کنید.

گردی گوشه های پنل: مربوط به گرد کردن گوشه های باکس مگامنو است که رنگ بک گراند غیر از سفید باشد یا برای باکس کادر درست کنید قابل مشاهده است.

Column Padding: در این فیلد می‌توانید حاشیه داخلی ستون ها را تنظیم کنید.

 

ابزارک

در قسمت ابزارک ها ما تغییراتی ایجاد نکرده ایم ولی اگر شما دوست داشتید می‌توانید این قسمت را هم تنظیم کنید.

دومین سطح آیتم های منو

این تنظیمات مربوط به این قسمتی که در تصویر پایین مشاهده می‌کنید است.

فونت آیتم: در این قسمت می‌توانید رنگ متن، فونت متن و دیگر تنظیمات را تغییر دهید.

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

 

سومین سطح آیتم های منو

این تنظیمات مربوط به این قسمتی که در تصویر پایین مشاهده می‌کنید است.

تنظیمات این قسمت هم مانند دیگر تنظیماتی است که در بالا توضیح داده شده است.

 

Tabbed Mega Menus

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

Tab Background: در این فیلد می‌توانید رنگ بک گراند را تغییر دهید.

(Tab Background (Hover: می‌توانید رنگ بک گراند را موقعی که تب منو هاور شد تغییر بدهید.

Tab Height: می‌توانید ارتفاع اجزای داخلی منو تب را تغییر دهید.

Tab Width:در این قسمت عرض را بگذارید همان 20% باشد چون ما تنظیماتی اعمال کردیم که اگر آن را تغییر دهید ممکن است استایل آن بهم بخورد.

Tab Padding: در این قسمت می‌توانید فاصله داخلی آیتم ها را تنظیم کنید.

Tab Font: این قسمت مربوط به فونت آیتم ها است.

(Tab Font (Hover: این قسمت مربوط به تنظیمات فونت آیتم ها، وقتی که موس روی آیتم قرار گرفت است.

 

منوی آبشاری

نمونه ای از منوی آبشاری در تصویر پایین مشاهده می‌کنید:

Sub Menu Background: در این قسمت می‌توانید رنگ بک گراند را تغییر دهید.

Sub Menu Width: می‌توانید عرض منو را تغییر دهید.

Sub Menu Padding: می‌توانید فاصله داخلی منو را تنظیم کنید.

Sub Menu Border: می‌توانید برای منو آبشاری کادر بگذارید.

Sub Menu Border Radius: در این قسمت گوشه های منو آبشاری را می‌توانید گرد کنید.

بک گراند آیتم های منو: در این قسمت می‌توانید رنگ بک گراند آیتم های منو آبشاری را تغییر بدهید.

بعضی از فیلد ها مانند تنظیمات بالا است که توضیح داده شده است.

آیتم منوی تقسیم: در این آیتم می‌توانید بین آیتم ها یک خط ایجاد کنید یا به اصطلاح آن ها را تقسیم کنید.

 

تب mobile menu

ما mobile menu در قالب نداریم ولی از نوار آن، در قالب استفاده کرده ایم. درقسمت Toggle Bar Designer می‌توانید لوگوی موبایلی را تغییر داده

مانند تصویر زیر

بقیه آیتم ها را در قالب استفاده نشده است.

 

استایل های دلخواه

دراین تب css مدنظر دارید می‌توانید قرار دهید.

 

 

تنظیمات فهرست

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

 

آموزش ایجاد فهرست mega menu tabbed

ابتدا برای ایجاد فهرست منو تب باید یک فهرست چهار سطحی درست کنید.

روی سطح اول رفته و گزینه مگامنو را بزنید.

سپس صفحه زیر باز می‌شود:

در تب مگامنو، فیلد sub menu display mode را گزینه mega menu-tabbed قرار می‌دهیم.

در قدم بعدی در سطح دوم رفته و گزینه مگامنو را زده:

و صفحه زیر باز می‌شود:

در تب tap content گزینه sub menu display mode را روی mega menu-grid layout قرار می‌دهیم.همچنین می‌توانیم در این صفحه ستون اضافه یا کم کرد.

در تب icon می‌توانیم یک آیکون به دلخواه برای سطحی که وارد تنظیمات آن شده ایم انتخاب کنیم.

تب styling: در این تب جدا از استایل هایی که در پوسته مگامنو می‌توانیم برای آیتم ها بدهیم، می‌توانیم در این قسمت یک آیتم را جداگانه تغییر بدهیم مثلا رنگ بک گراند آیتم را تغییر دهیم.

یک نکته مهم: اگر فهرست شما چهار سطحی باشد و فهرستتان mega menu-tabbed باشد فقط در سطح های اول و دوم به مگامنو دسترسی دارید

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

 

 

اگر سوال یا مشکلی دارید میتوانید در اینجا مطرح کنید تا ادمین یا دیگر کاربران شما را راهنمایی کنند !

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