وردپرس

آموزش ساخت منوی کشویی (Dropdown) در وردپرس بدون افزونه + آموزش مگا منو

آیا می‌خواهید در سایت وردپرسی خود یک منوی کشویی (Dropdown Menu) ایجاد کنید، اما نمی‌دانید از کجا شروع کنید؟ آیا برای ساخت زیرمنوهای سایت خود به دنبال راهکاری هستید که به نصب افزونه‌های اضافی نیاز نداشته باشد؟

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

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

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

منوی کشویی (Dropdown Menu) در وردپرس چیست؟

منوی کشویی نوعی منوی ناوبری است که با انتخاب یا قرار گرفتن روی یک گزینه، زیرمجموعه‌های آن را نمایش می‌دهد. برای مثال، فرض کنید در منوی اصلی سایت خود گزینه‌ای با عنوان «خدمات» دارید. می‌توانید خدمات مختلف را به‌عنوان زیرمنوهای این گزینه قرار دهید:

در این حالت، کاربران با باز کردن منوی «خدمات» می‌توانند به صفحه موردنظر خود دسترسی پیدا کنند؛ بدون اینکه لازم باشد تمام صفحات را در منوی اصلی نمایش دهید.

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

پشتیبانی تخصصی وردپرس و سایت

سایتت نباید حتی یک لحظه از کار بیفته!

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

✓ رفع خطاهای وردپرس
✓ افزایش امنیت سایت
✓ بکاپ و بروزرسانی
✓ پشتیبانی ووکامرس
✦ لازم نیست مشکل سایت بزرگ‌تر شود؛ قبل از آسیب جدی اقدام کنید.
WORDPRESS MONITORING وضعیت سایت شما
آنلاین
وضعیت فنی سایت پایدار است
✓
امنیت سایت بررسی شده
OK
✓
بروزرسانی وردپرس بررسی شده
OK
✓
بکاپ سایت فعال
OK
آخرین بررسی همین الان
مشکل جدید؟ ما اینجاییم!

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

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

۱. استفاده بهتر از فضای منوی اصلی

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

۲. دسترسی سریع‌تر به صفحات مهم

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

۳. بهبود تجربه کاربری

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

۴. کمک به ساختار لینک‌سازی داخلی

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

تفاوت منوی کشویی و مگا منو چیست؟

پیش از شروع آموزش، بهتر است تفاوت این دو نوع منو را بدانید.

ویژگی منوی کشویی (Dropdown) مگا منو (Mega Menu)
ساختار یک یا چند سطح زیرمنو چند ستون و گروه محتوایی
کاربرد سایت‌های کوچک و متوسط سایت‌های بزرگ و فروشگاهی
محتوا معمولاً لینک‌های متنی لینک، تصویر، آیکون و محتوای سفارشی
نیاز به افزونه معمولاً خیر برای امکانات پیشرفته اغلب بله
پیچیدگی طراحی کم بیشتر

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

پیش از شروع، قالب وردپرس خود را بررسی کنید

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

به‌طور کلی، دو نوع محیط مدیریتی ممکن است با آن‌ها روبه‌رو شوید:

  • قالب‌های کلاسیک: معمولاً از مسیر «نمایش ← فهرست‌ها» برای ساخت و مدیریت منو استفاده می‌کنند.
  • قالب‌های بلوکی: معمولاً امکان مدیریت منو را از طریق «نمایش ← ویرایشگر» و بلوک ناوبری فراهم می‌کنند.

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

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

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

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

مرحله اول: ورود به بخش فهرست‌های وردپرس

ابتدا وارد پیشخوان وردپرس شوید.

از منوی مدیریت، مسیر زیر را باز کنید:

نمایش ← فهرست‌ها

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

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

مرحله دوم: ایجاد یک منوی جدید

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

سپس نام مناسبی برای منو وارد کنید؛ برای مثال:

  • منوی اصلی
  • منوی خدمات
  • منوی فوتر

پس از وارد کردن نام، روی دکمه «ایجاد فهرست» کلیک کنید.

اکنون یک منوی خالی دارید که می‌توانید صفحات و لینک‌های موردنظر خود را به آن اضافه کنید.

مرحله سوم: اضافه کردن صفحات به منو

در صفحه مدیریت فهرست‌ها، معمولاً بخش‌هایی برای افزودن صفحات، نوشته‌ها، دسته‌بندی‌ها و پیوندهای دلخواه وجود دارد.

برای اضافه کردن یک صفحه، مراحل زیر را انجام دهید:

۱. صفحه موردنظر را انتخاب کنید.

۲. روی گزینه «افزودن به فهرست» کلیک کنید.

۳. صفحه اضافه‌شده را در فهرست سمت مقابل بررسی کنید.

۴. همین مراحل را برای سایر صفحات تکرار کنید.

برای مثال، در یک سایت شرکتی می‌توانید صفحات «صفحه اصلی»، «درباره ما»، «خدمات»، «وبلاگ» و «تماس با ما» را به منوی اصلی اضافه کنید.

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

 

مرحله چهارم: ساخت زیرمنو در وردپرس

این مرحله مهم‌ترین بخش ساخت منوی کشویی است.

فرض کنید می‌خواهید صفحات «طراحی سایت»، «سئو سایت» و «پشتیبانی وردپرس» زیرمجموعه گزینه «خدمات» باشند.

برای این کار:

۱. آیتم «طراحی سایت» را در فهرست پیدا کنید.

۲. آن را با ماوس بگیرید و به زیر گزینه «خدمات» منتقل کنید.

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

۴. پس از قرار گرفتن در جایگاه صحیح، باید به‌عنوان زیرمجموعه «خدمات» مشخص شده باشد.

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

۶. در پایان روی دکمه «ذخیره فهرست» کلیک کنید.

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

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

  • صفحه اصلی
  • درباره ما
  • خدمات
    • طراحی سایت
    • سئو سایت
    • پشتیبانی وردپرس
  • وبلاگ
  • تماس با ما

اکنون ساختار زیرمنو آماده است.

مرحله پنجم: تعیین محل نمایش منو

پس از ساخت منو، باید مشخص کنید که در کدام بخش سایت نمایش داده شود.

در قالب‌های کلاسیک، معمولاً بخشی با عنوان «تنظیمات فهرست» یا «مکان‌های نمایش» وجود دارد.

بسته به قالب، ممکن است گزینه‌هایی مانند موارد زیر را ببینید:

  • منوی اصلی
  • منوی سربرگ
  • منوی موبایل
  • منوی فوتر

مکان مناسب را انتخاب کنید و تغییرات را ذخیره کنید.

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

مرحله ششم: بررسی عملکرد منوی کشویی

اکنون سایت خود را در یک پنجره جدید باز کنید و عملکرد منو را بررسی کنید.

در رایانه، نشانگر ماوس را روی گزینه اصلی مانند «خدمات» قرار دهید. اگر قالب از نمایش زیرمنو با هاور پشتیبانی کند، زیرمنو باید باز شود.

در موبایل نیز منو را با لمس گزینه اصلی آزمایش کنید.

به این موارد توجه داشته باشید:

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

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

ساخت منوی کشویی در قالب‌های بلوکی وردپرس

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

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

مراحل ساخت منو در قالب بلوکی

مرحله اول: از پیشخوان وردپرس وارد بخش «نمایش ← ویرایشگر» شوید.

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

مرحله سوم: بلوک «ناوبری» (Navigation) را پیدا کنید یا در صورت نیاز به سربرگ اضافه کنید.

مرحله چهارم: صفحات موردنظر خود را به منو اضافه کنید.

مرحله پنجم: برای ایجاد زیرمنو، از گزینه افزودن زیرمنو یا تبدیل یک آیتم به زیرمنو استفاده کنید. در برخی نسخه‌ها می‌توانید یک بلوک زیرمنو (Submenu) به منوی ناوبری اضافه کنید.

مرحله ششم: تغییرات را ذخیره کنید و نمایش منو را در سایت بررسی کنید.

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

چگونه ظاهر منوی کشویی را سفارشی کنیم؟

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

روش سفارشی‌سازی به قالب شما بستگی دارد.

در بسیاری از قالب‌های کلاسیک می‌توانید از مسیر «نمایش ← سفارشی‌سازی» یا تنظیمات اختصاصی قالب استفاده کنید. در قالب‌های بلوکی نیز معمولاً تنظیمات رنگ، تایپوگرافی و فاصله‌گذاری از طریق ویرایشگر سایت در دسترس هستند.

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

برای مثال، در برخی قالب‌ها کلاس sub-menu برای زیرمنوهای وردپرس به کار می‌رود. کد زیر نمونه‌ای ساده برای تغییر ظاهر زیرمنو است:

.main-navigation .sub-menu {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 10px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.main-navigation .sub-menu a {
    display: block;
    padding: 10px 16px;
}

این کد فقط یک نمونه است و ممکن است در قالب شما بدون تغییر کار نکند؛ زیرا نام کلاس منوی اصلی در قالب‌های مختلف متفاوت است.

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

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

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

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

یکی از گزینه‌های شناخته‌شده در این زمینه، افزونه Max Mega Menu است.

✦ طراحی سایت حرفه‌ای با وردپرس

سایت حرفه‌ای شما از یک ایده شروع می‌شود!

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

✓
طراحی متناسب با برند شما ظاهر حرفه‌ای و تجربه کاربری جذاب
✓
سریع و واکنش‌گرا نمایش عالی در موبایل، تبلت و دسکتاپ
✓
آماده برای سئو و توسعه ساختار مناسب برای رشد و توسعه آینده
● شروع پروژه با بررسی نیازها و اهداف کسب‌وکار شما
webjame.com
≡
شروع کنید
طراحی سایت با وردپرس یک سایت حرفه‌ای برای یک کسب‌وکار حرفه‌ای
شروع پروژه
⚡ سرعت بالا
⌁ ریسپانسیو
◈ سئوپذیر
✓
طراحی اختصاصی متناسب با برند شما
⚡
Performance سریع و بهینه

افزونه‌های معروف برای ساخت مگا منو

۱. Max Mega Menu

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

۲. QuadMenu

گزینه‌ای برای ساخت منوهای پیشرفته و مگا منو با امکانات سفارشی‌سازی مختلف است.

۳. UberMenu

افزونه‌ای پیشرفته برای طراحی منوهای سفارشی با امکانات متنوع است که برای برخی پروژه‌های حرفه‌ای مناسب خواهد بود.

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

مراحل ساخت مگا منو با Max Mega Menu

مرحله اول: نصب افزونه

از پیشخوان وردپرس وارد بخش «افزونه‌ها ← افزودن افزونه» شوید.

عبارت Max Mega Menu را جست‌وجو کنید، افزونه مناسب را نصب و فعال کنید.

مرحله دوم: فعال‌سازی منو

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

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

مرحله سوم: تنظیم ساختار زیرمنو

در بخش مدیریت منو، آیتم‌های موردنظر را اضافه کنید و آن‌ها را به‌صورت تو‌در‌تو مرتب کنید.

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

مرحله چهارم: سفارشی‌سازی ظاهر

با توجه به امکانات افزونه می‌توانید مواردی مانند ستون‌بندی، آیکون‌ها، فاصله‌ها و رنگ‌بندی را تنظیم کنید.

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

مرحله پنجم: ذخیره و آزمایش

تغییرات را ذخیره کنید و منو را در رایانه و موبایل آزمایش کنید.

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

رفع مشکلات رایج منوی کشویی در وردپرس

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

مشکل اول: منوی کشویی نمایش داده نمی‌شود

دلایل احتمالی:

  • منو به مکان صحیح در قالب اختصاص داده نشده است.
  • ساختار زیرمنو به‌درستی تنظیم نشده است.
  • قالب از تنظیمات یا ساختار متفاوتی برای منو استفاده می‌کند.
  • کدهای CSS یا جاوااسکریپت با نمایش منو تداخل دارند.

راه‌حل:

ابتدا در پیشخوان وردپرس بررسی کنید که آیتم‌ها به‌درستی تو‌در‌تو شده باشند و منو در مکان مناسب قرار گرفته باشد.

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

مشکل دوم: زیرمنو در موبایل باز نمی‌شود

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

راه‌حل:

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

مشکل سوم: زیرمنو پشت سایر عناصر سایت قرار می‌گیرد

گاهی منو باز می‌شود، اما تصویر اسلایدر، سربرگ یا عناصر دیگر روی آن قرار می‌گیرند.

این مشکل ممکن است به ویژگی‌های CSS مانند z-index، position یا محدودیت‌های overflow مربوط باشد.

راه‌حل:

با ابزار Inspect مرورگر، استایل‌های منو و عناصر اطراف آن را بررسی کنید. تغییر مقدار z-index همیشه به‌تنهایی کافی نیست؛ گاهی لازم است ساختار والد یا ویژگی overflow نیز بررسی شود.

بهتر است تغییرات CSS را ابتدا در محیط آزمایشی انجام دهید.

مشکل چهارم: منوی کشویی بیش از حد سریع بسته می‌شود

این مشکل ممکن است زمانی رخ دهد که فاصله‌ای میان آیتم اصلی و زیرمنو وجود داشته باشد یا تنظیمات باز و بسته شدن منو مناسب نباشد.

راه‌حل:

  • فاصله اضافی میان گزینه اصلی و زیرمنو را بررسی کنید.
  • تنظیمات انیمیشن و تأخیر باز و بسته شدن را در قالب یا افزونه بررسی کنید.
  • مطمئن شوید هنگام حرکت ماوس به سمت زیرمنو، منو بلافاصله بسته نمی‌شود.

اگر از افزونه استفاده می‌کنید، نام و محل تنظیمات را در مستندات همان نسخه بررسی کنید؛ زیرا گزینه‌ها در افزونه‌های مختلف یکسان نیستند.

مشکل پنجم: تغییرات منو در سایت دیده نمی‌شود

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

راه‌حل:

کش مرورگر و سایت را پاک کنید و سایت را در یک پنجره خصوصی باز کنید. سپس مطمئن شوید که تغییرات در منوی صحیح ذخیره شده‌اند.

نکات مهم برای بهینه‌سازی منوی وردپرس

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

۱. از عنوان‌های کوتاه و قابل فهم استفاده کنید.

عنوان‌هایی مانند «خدمات»، «محصولات»، «آموزش» و «تماس با ما» معمولاً از عبارت‌های طولانی و مبهم مناسب‌تر هستند.

۲. از ایجاد زیرمنوهای بیش از حد عمیق خودداری کنید.

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

۳. منوی موبایل را جدی بگیرید.

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

۴. لینک‌های مهم را در دسترس قرار دهید.

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

۵. از انیمیشن‌های سنگین استفاده نکنید.

افکت‌های ساده و کوتاه می‌توانند به درک بهتر باز شدن زیرمنو کمک کنند؛ اما انیمیشن‌های طولانی یا پیچیده ممکن است تجربه کاربری را کاهش دهند.

۶. دسترس‌پذیری را فراموش نکنید.

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

چگونه منوی کشویی وردپرس را برای سئو بهینه کنیم؟

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

برای بهینه‌سازی آن، نکات زیر را در نظر بگیرید:

  • استفاده از انکرتکست توصیفی: به‌جای عبارت‌های مبهم مانند «اینجا کلیک کنید»، از عنوان‌هایی استفاده کنید که موضوع صفحه مقصد را مشخص می‌کنند.
  • لینک دادن به صفحات مهم: صفحات اصلی خدمات، دسته‌بندی‌های مهم و بخش‌هایی را که کاربران بیشتر به آن‌ها نیاز دارند، در ساختار منو قرار دهید.
  • حفظ ساختار منطقی: صفحات مرتبط را زیر دسته‌بندی مناسب قرار دهید تا سلسله‌مراتب سایت برای کاربران قابل فهم باشد.
  • پرهیز از شلوغ کردن منو: لازم نیست تمام صفحات سایت را در منوی اصلی قرار دهید. برای صفحات کم‌اهمیت‌تر می‌توانید از لینک‌های داخل محتوا، دسته‌بندی‌ها یا فوتر استفاده کنید.
  • بررسی لینک‌های خراب: مطمئن شوید لینک‌های منو به صفحات معتبر هدایت می‌شوند و به صفحات حذف‌شده یا آدرس‌های اشتباه اشاره نمی‌کنند.

نکته مهم این است که برای منوی ساده وردپرس معمولاً نیازی به افزودن اسکیما به‌صورت دستی نیست. همچنین استفاده از URLهای کوتاه و توصیفی برای صفحات مفید است، اما تغییر آدرس صفحه صرفاً برای بهتر شدن منو ضروری نیست و باید با در نظر گرفتن پیامدهای سئو انجام شود.

جمع‌بندی

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

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

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

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

همراه شما در مسیر رشد دیجیتال

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

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

چگونه در وردپرس منوی کشویی ایجاد کنیم؟

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

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

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

چرا منوی کشویی وردپرس نمایش داده نمی‌شود؟

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

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

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

چگونه منوی کشویی وردپرس را در موبایل فعال کنیم؟

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

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

از افزونه‌های شناخته‌شده برای ساخت مگا منو در وردپرس می‌توان به Max Mega Menu، QuadMenu و UberMenu اشاره کرد. این افزونه‌ها امکاناتی مانند طراحی پیشرفته منو، دسته‌بندی لینک‌ها و نمایش محتوای سفارشی ارائه می‌دهند. برای انتخاب بهترین افزونه، سازگاری با قالب، امکانات نسخه رایگان و پولی و نیازهای سایت خود را بررسی کنید.

آیا برای ساخت منوی کشویی در وردپرس باید کدنویسی بلد باشیم؟

خیر. برای ساخت منوی کشویی ساده معمولاً به دانش برنامه‌نویسی نیاز ندارید و می‌توانید از تنظیمات پیش‌فرض وردپرس استفاده کنید. با این حال، برای تغییر ظاهر اختصاصی منو، افزودن انیمیشن یا پیاده‌سازی رفتارهای سفارشی ممکن است به CSS، JavaScript یا افزونه‌های تخصصی نیاز داشته باشید.

چگونه ظاهر و رنگ منوی کشویی وردپرس را تغییر دهیم؟

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

آیا منوی کشویی برای سئو وردپرس مفید است؟

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

چرا منوی کشویی وردپرس در موبایل یا تبلت درست کار نمی‌کند؟

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

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

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

 

11 thoughts on “آموزش ساخت منوی کشویی (Dropdown) در وردپرس بدون افزونه + آموزش مگا منو”

  1. محمود ابراهيمي گفت:

    خدا عمرت بده عزیز
    واقعا ساده و عالی توضیح دادی. مرسی

  2. akbar گفت:

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

  3. میلاد گفت:

    واقعا عالی بود دستت درد نکنه

  4. قرایی گفت:

    عالی بود مشکلم حل شد ممنونم

  5. سارا گفت:

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

  6. سعید گفت:

    سلام
    با تشکر از سایتتون.
    من 8 زیر منو اماده کردم ولی متاسفانه 2تای انها را بیشتر قبول نمیکنه و زمانی که تمام زیرمنوها اضاقه می کنم پیغام ارور erorr413: too large میده لطفا راهنمایی کنید.ضمنا دسترسی به هاست سی پنل ندارم

    1. صالح اسلام پناه گفت:

      دروود
      باید php limit رو افزایش بدید

  7. جواد گفت:

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

    1. صالح اسلام پناه گفت:

      دروود
      این موارد مربوط به CSS سایتتون هستش

  8. نسیم پناهی گفت:

    فکر میکردم خیلی پیچیده تر از اینها باشه. ممنون بابت کمکتون

  9. saeed گفت:

    سلام پطور ابعاد منو رو از مستطیلی بیرون بیارم و خمیده منم

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

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