اگر یک فروشگاه ووکامرس راه اندازی می کنید، می دانید که آسان کردن بازدیدکنندگان در فروشگاه شما ضروری است. یکی از راه حل هایی که باید در نظر بگیرید اضافه کردن یک مگا منو است. آنها برای فروشگاههای آنلاین عالی هستند، زیرا خریدار را آسان میکند تا آنچه را که نیاز دارد به سرعت و بدون تعداد زیادی کلیک پیدا کند.
وردپرس ایجاد یک منوی کشویی ساده را با استفاده از عملکرد اصلی آسان می کند. با این حال، نسخه پیش فرض از منوهای بزرگ پشتیبانی نمی کند.
مگا منوی فروشگاه ووکامرس
در این آموزش مختصر، خواهید دید که چگونه می توان یک مگا منو برای تم Storefront ایجاد کرد. من یک آموزش گام به گام برای نحوه ایجاد یک مگا منو با استفاده از یک افزونه رایگان به اشتراک خواهم گذاشت.
مگا منو چیست؟
اگر با این اصطلاح آشنا نیستید، مگا منو به عنوان یک منوی کشویی بزرگتر از حد معمول تعریف می شود که به شما امکان می دهد اطلاعات بیشتری نسبت به یک منوی کشویی معمولی نمایش دهید. آمازون نمونه ای از یک فروشگاه آنلاین است که از یک مگا منو استفاده می کند:
از آنجایی که تم Storefront به شما اجازه ایجاد منوهای بزرگ را نمی دهد، تنها یک رویکرد وجود دارد. این روش با استفاده از یک افزونه است. مزایای استفاده از افزونه مگا منو عبارتند از:
- حتی اگر تمها را تغییر دهید، مگا منوی شما به کار خود ادامه خواهد داد.
- احتمالاً به عملکردهای بیشتری دسترسی خواهید داشت.
با این حال، بهتر است با گزینه های استایل این افزونه بازی کنید تا آن را با موضوع Storefront مطابقت دهید.
مراحل ایجاد یک مگا منو در تم فروشگاه با استفاده از یک پلاگین
افزونه های زیادی وجود دارد که می توانید از آنها برای افزودن عملکرد منوی مگا به فروشگاه خود استفاده کنید. محبوب ترین افزونه Max Mega Menu است. این افزونه دارای بالاترین امتیاز است و دارای یکپارچگی برای موضوع Storefront است که در این آموزش از آن استفاده خواهیم کرد:
علاوه بر این، این افزونه به شما امکان می دهد تا مگا منوی خود را با استفاده از ابزارک های معمولی وردپرس بسازید. این کار را برای مبتدیان آسان می کند.
در اینجا مراحلی وجود دارد که باید دنبال کنید:
- وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
- سپس، ما قصد داریم افزونه ای را که قبلاً نشان داده ایم را نصب کنیم. برای دانلود مستقیم آن در پنل مدیریت، به Plugins > Add New بروید. پس از آن، باید یک جستجوی کلمات کلیدی برای افزونه «Max Mega Menu» انجام دهید. مانند تصویر زیر باید آن را نصب و فعال کنید:
- مرحله بعدی فعال کردن عملکرد مگا منو است. برای انجام این کار، در داشبورد وردپرس خود به Appearance > Menus بروید.
- شما باید مکان منو را برای هدر خود انتخاب کنید. دارای یک ناحیه نمایش مکان مانند “منوی اصلی” همانطور که در زیر نشان داده شده است:
- پس از انتخاب مکان منو، کادر جدید Max Mega Menu Settings را در سمت چپ پیدا کنید. روی کادر Enable کلیک کنید و تغییرات خود را ذخیره کنید.
- گام بعدی این است که طرح بندی مگا منوی خود را بسازید. پس از فعال کردن عملکرد مگا منو، نشانگر را روی آیتم منو که میخواهید برای باز کردن مگا منو استفاده کنید، نگه دارید. روی دکمه آبی Mega Menu کلیک کنید.
این عمل رابط سازنده مگا منو را باز می کند.
- این رابط به شما امکان می دهد از هر یک از ویجت های استاندارد وردپرس استفاده کنید. علاوه بر این، میتوانید از دکمههای + ستون و + ردیف برای سازماندهی طرحبندی مگا منو استفاده کنید. اگر میخواهید ویجتها را ویرایش کنید و محتوا اضافه کنید، روی نماد آچار کلیک کنید. همچنین دارای قابلیت کشیدن و رها کردن است. مطمئن شوید که تغییراتی که ایجاد می کنید را ذخیره کرده اید. در صورت تمایل می توانید بررسی کنید. با این حال، شما نیازی به پیکربندی تنظیمات در آنجا ندارید.
- این نتیجه در قسمت جلویی است
- از تصویر، می بینید که ظاهر منو هنوز کاملاً درست نیست. باید به تنظیمات افزونه بروید تا برخی رنگ ها را تغییر دهید تا همه چیز با هم هماهنگ شود. در داشبورد خود به Mega Menu > Menu Themes بروید. سپس، تب Menu Bar را انتخاب کنید. در اینجا می توانید رنگ ها را مطابق با وب سایت خود ویرایش کنید.
نتیجه
در این پست، نحوه ایجاد یک مگا منو برای فروشگاه ووکامرس خود را به اشتراک گذاشته ام. من یک افزونه رایگان به نام افزونه Max Mega Menu به اشتراک گذاشته ام. این افزونه دارای نسخه پریمیوم است که قابلیت های بیشتری را باز می کند. اگر میخواهید برخی از جنبههای کوچک عملکردهای مگا منوی خود را سفارشی کنید، توصیه میکنم تنظیمات افزونه را بیشتر بررسی کنید تا ببینید چه چیزی برای ارائه وجود دارد.
نسخه پریمیوم انواع بیشتری از منوهای بزرگ و پشتیبانی اختصاصی مشتری را در اختیار شما قرار می دهد. علاوه بر این، کنترل بیشتری بر سبک ها به شما می دهد.