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

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

طراحی مگامنو با المنتور می‌تواند در سایت‌هایی مفید باشد که مدیر محتوا می‌خواهد چیدمان ستون‌ها و تصاویر را در همان ویرایشگر صفحه تغییر دهد. Clever Mega Menu ابزاری مرتبط با ساخت منوهای گسترده در محیط المنتور است. پیش از نصب، بررسی کنید فهرست اصلی سایت چگونه در قالب تعریف شده و آیا افزونه با همان ساختار کار می‌کند. نمایش موبایل را به‌صورت جداگانه آزمایش کنید؛ منویی که در دسکتاپ چندستونی است باید در عرض کوچک همچنان قابل‌فهم و قابل لمس باقی بماند.

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

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

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

منوی واکنش‌گرا باید به ساختار محتوا وفادار بماند؛ تغییر عرض صفحه نباید موجب حذف دسته‌بندی‌های اصلی یا گم‌شدن لینک تماس شود. Hero Mega Menu از ابزارهای طراحی مگامنوی وردپرس است و می‌تواند برای نمایش منوی گسترده بررسی شود. پیش از انتشار، فهرستی از مهم‌ترین مسیرهای کاربر تهیه کنید و بررسی کنید از هر صفحه می‌توان به آن‌ها رسید. تعداد ستون‌ها و افکت‌های بازشدن باید تابع نیاز ناوبری باشند، نه اینکه صرفاً برای جذاب‌کردن هدر اضافه شوند.

بیشتر بخوانید: افزونه ساخت ابزارک وردپرس

مگا منو چیست؟

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

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

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

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

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

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

بیشتر بخوانید: دی ان اس چیست؟ چگونه dns یک سایت را تغییر دهیم؟ 

نحوه ساخت مگامنو در وردپرس

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

 پیشنهاد خرید: افزونه ساخت منو در وردپرس

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

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

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

پس از نصب و فعالسازی افزونه، بخش به نام “مگامنو” در پیشخوان وردپرس شما ظاهر می شود که کافیست روی آن کلیک کنید:

پس از آن باید روی گزینه “تنظیمات عمومی” کلیک کنید تا به بخش پیکربندی افزونه وارد شوید.

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

بیشتر بخوانید: معرفی بهترین افزونه های مگامنو وردپرس + 13 افزونه ساخت مگامنو

برای ورود به بخش سفارشی سازی افزونه، کافیست از قسمت تنظیمات افزونه، روی گزینه “پوسته منو” در منو سمت چپ صفحه کلیک کنید. حال صفحه ای برای شما باز می شود که باید وارد تب “نوار منو” شوید. سپس در صفحه ای که به شما نشان داده می شود می توانید رنگ پس زمینه منو را تغییر دهید:

پس از اینکه تغییرات خود را اعمال کردید کافیست روی دکمه “ذخیره” کلیک نمائید تا تغییرات شما اعمال شود. پس از انجام اینکار، نوبت به ایجاد مگامنو می رسد.

برای ساخت منو، کافیست وارد پیشخوان وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “فهرست ها” کلیک کنید. ضمناً اگر شما با طریقه ساخت مگامنو آشنایی ندارید، نگران نباشید. زیرا ما قبلاً در این خصوص آموزشی برای شما منتشر کرده ایم که می توانید آن را از طریق لینک “چگونه در وردپرس فهرست بسازیم؟” مشاهده کنید.

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

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

پس از آن وقتی نشانگر موس خود را روی منوها حرکت می دهید، گزینه مگامنو را مشاهده خواهید کرد:

با کلیک بر روی دکمه آبی رنگ “مگامنو” یک پنجره به صورت پاپ آپ به شما نمایش داده می شود که می توانید امکاناتی را که میخواهید برای مگامنو نمایش داده شود را انتخاب کنید:

سپس در این صفحه شما می توانید تعداد ستون ها، نحوه نمایش زیرستون ها و… را به دلخواه خود مشخص کنید. حال برای اینکه بتوانید امکانات دلخواه خود را به مگامنو اضافه کنید، ابتدا باید حالت نمایش زیر منو را بر روی Mega Menu – Standard Layout بگذارید. پس از آن می توانید بر روی گزینه یک ابزارک برای اضافه کردن به پنل انتخاب کنید کلیک کنید تا بتوانید امکانات مد نظر خود را به منوی خود اضافه نمائید.

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

در انتخاب افزونه مگامنو، علاوه بر امکان افزودن ستون و تصویر، باید نحوه نگهداری فهرست در آینده را هم بسنجید. افزونه WP Mega Menu Pro | پلاگین حرفه ای برای ساخت مگامنو در وردپرس یکی از گزینه‌های ساخت مگامنو وردپرس است که می‌توان آن را با نیازهای واقعی سایت مقایسه کرد. اگر پس از تغییر قالب قرار باشد ساختار منو حفظ شود، وابستگی به ابزار اختصاصی قالب ممکن است دردسر ایجاد کند. بهتر است از ابتدا لینک‌های اصلی را در ساختار استاندارد فهرست‌ها نگه دارید و سپس نمایش بصری را تغییر دهید.

بیشتر بخوانید: AMP چیست و تاثیر شتاب دهنده نسخه موبایل بر سئوی سایت 

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

اگر هدف دسترسی سریع به چند بخش خدماتی مانند تماس، راهنما یا سبد خرید است، افزودن همه آن‌ها به مگامنو اصلی همیشه ضروری نیست. Floating Side Tab Pro برای ساخت تب‌های شناور کناری مطرح است و نقش متفاوتی از ناوبری سلسله‌مراتبی دارد. این تب‌ها باید محدود و هدفمند باشند تا روی متن یا دکمه‌های ضروری صفحه قرار نگیرند. بعد از فعال‌سازی، نمایش موبایل و امکان بستن یا نادیده‌گرفتن پنل را بررسی کنید؛ ابزار شناور نباید مانع استفاده عادی از سایت شود.

بیشتر بخوانید: مگا منو چیست؟ نکاتی که هنگام ساخت mega menu باید بدانید

سوالات متداول

جمع بندی: مراحل ساخت مگامنو چگونه است؟ نحوه ویرایش مگامنو در وردپرس

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