آموزش ساخت منو در وردپرس و مدیریت فهرست ها + ویدیو
منوی سایت یکی از اولین بخش‌هایی است که کاربر هنگام ورود به یک وبسایت با آن روبه‌رو می‌شود. یک منوی مرتب و اصولی کمک می‌کند بازدیدکننده سریع‌تر مسیر موردنظرش را پیدا کند و بدون سردرگمی بین صفحات مختلف سایت جابه‌جا شود. در وردپرس، این بخش با نام فهرست‌ها شناخته می‌شود و امکانات مختلفی برای ساخت، […]
۰۴/۱۰/۲۰۲۶
آخرین بروزرسانی:
۲ روز پیش
آموزش ساخت منو در وردپرس و مدیریت فهرست ها + ویدیو
منوی سایت یکی از اولین بخش‌هایی است که کاربر هنگام ورود به یک وبسایت با آن روبه‌رو می‌شود. یک منوی مرتب و اصولی کمک می‌کند بازدیدکننده سریع‌تر مسیر موردنظرش را پیدا کند و بدون سردرگمی بین صفحات مختلف سایت جابه‌جا شود.
در وردپرس، این بخش با نام فهرست‌ها شناخته می‌شود و امکانات مختلفی برای ساخت، ویرایش و شخصی‌سازی آن در اختیار شما قرار می‌گیرد. در این مقاله از پارس هاست، یاد می‌گیریم چطور در وردپرس یک منو بسازیم، آیتم‌های مختلف به آن اضافه کنیم، جایگاه نمایش منو را تغییر دهیم و منوهای کشویی ایجاد کنیم؛ تا انتهای مجله پارس هاست همراه ما باشید.
ویدیو آموزش ساخت منو در وردپرس
در ابتدای مقاله ویدئوی آموزشی ایجاد منو در وردپرس را مشاهده میکنید:
منو در وردپرس چیست و چه کاربردی دارد؟
منو همان بخشی از سایت است که لینک صفحات مهم را در یک ساختار مشخص نمایش می‌دهد. معمولا این بخش در قسمت بالایی سایت و داخل هدر قرار می‌گیرد، اما محل نمایش آن به قالب وردپرسی شما بستگی دارد.
مثال: یک فروشگاه اینترنتی معمولا بخش‌هایی مانند فروشگاه،ردسته‌بندی، محصولات، وبلاگ، درباره ما و تماس با ما را داخل منوی اصلی قرار می‌دهد. داشتن یک منوی مناسب فقط ظاهر سایت را بهتر نمی‌کند؛ بلکه روی تجربه کاربری (UX) و حتی سئو سایت هم تاثیر دارد. وقتی کاربر بتواند صفحات مهم را سریع پیدا کند، زمان بیشتری در سایت می‌ماند و احتمال تعامل او با محتوا یا محصولات بیشتر می‌شود.
آیا برای ساخت منو در وردپرس باید افزونه نصب کنیم؟
خیر، وردپرس به‌صورت پیش‌فرض ابزار ساخت منو یا فهرست‌ها را در اختیار کاربران قرار می‌دهد و برای ایجاد یک منوی معمولی نیازی به نصب افزونه جداگانه ندارید. از طریق بخش فهرست‌ها می‌توانید صفحات، دسته‌بندی‌ها، نوشته‌ها و لینک‌های دلخواه را به منوی سایت اضافه کرده و ساختار آن را مدیریت کنید.
با این حال، برخی قالب‌های وردپرسی امکانات پیشرفته‌تری مانند منوهای چندسطحی، مگامنو و طراحی‌های اختصاصی را به‌صورت داخلی ارائه می‌دهند. در سایت‌های حرفه‌ای، علاوه بر داشتن یک منوی اصولی، انتخاب زیرساخت مناسب مانند هاست وردپرس و هاست ووکامرس نیز اهمیت زیادی دارد؛ زیرا سرعت و عملکرد سایت روی تجربه کاربران هنگام جابه‌جایی بین صفحات مختلف تاثیر می‌گذارد.
همچنین اگر قصد راه‌اندازی یک فروشگاه اینترنتی با وردپرس را دارید، خرید هاست ووکامرس به مدیریت بهتر محصولات، دسته‌بندی‌ها و مسیر دسترسی کاربران کمک زیادی می‌کند.
آموزش ساخت منو در وردپرس به‌صورت مرحله‌به‌مرحله
در بیشتر قالب‌های کلاسیک وردپرس، مسیر ساخت منو از بخش نمایش ← فهرست‌ها انجام می‌شود. در قالب‌های جدید مبتنی بر ویرایشگر سایت، مدیریت منو ممکن است در بخش نمایش ← ویرایشگر ← ناوبری قرار داشته باشد.
مرحله اول: ایجاد یک فهرست جدید
بعد از ورود به صفحه فهرست‌ها، ابتدا باید یک منوی جدید بسازید.
در قسمت مربوط به ساخت فهرست:
- یک نام برای منو انتخاب کنید.
- روی گزینه ایجاد فهرست کلیک کنید.
نامی که انتخاب میکنید فقط برای مدیریت داخلی وردپرس است و کاربران سایت آن را مشاهده نمی‌کنند.
برای مثال می‌توانید نام‌هایی مانند این موارد را انتخاب کنید:
- منوی اصلی سایت
- منوی هدر
- منوی موبایل
- منوی فروشگاه
مرحله دوم: اضافه کردن صفحات به منو
بعد از ساخت فهرست، بخش‌های مختلفی برای اضافه کردن آیتم به منو نمایش داده می‌شود.
وردپرس به شما امکان می‌دهد موارد مختلفی را به منو اضافه کنید:
- برگه‌ها
- نوشته‌ها
- دسته‌بندی‌ها
- لینک‌های دلخواه
برای مثال اگر بخواهید صفحه تماس با ما را به منو اضافه کنید:
- از بخش برگه‌ها صفحه مورد نظر را انتخاب کنید.
- روی گزینه افزودن به فهرست کلیک کنید.
بعد از اضافه شدن آیتم‌ها، ترتیب آن‌ها را با کشیدن و رها کردن تغییر دهید.
تغییر ترتیب آیتم‌های منو در وردپرس
برای جابه‌جایی گزینه‌های منو کافی است روی هر آیتم کلیک کنید و آن را با روش کشیدن و رها کردن (Drag & Drop) در جایگاه مناسب قرار دهید.
مثلا می‌توانید ترتیب منوی سایت را به شکل زیر تنظیم کنید:
- صفحه اصلی
- خدمات
- محصولات
- وبلاگ
- تماس با ما
ترتیب درست منو باعث می‌شود کاربر سریع‌تر مسیر موردنظرش را پیدا کند.
ساخت منوی کشویی یا زیر منو در وردپرس
منوهای کشویی یا Dropdown Menu برای زمانی کاربرد دارند که بخواهید چند گزینه را زیر یک دسته اصلی قرار دهید.
مثال:
هاست
- خرید هاست وردپرس
- خرید هاست لینوکس
- خرید هاست دانلود
در این ساختار، «هاست» آیتم اصلی و گزینه‌های زیر آن، زیرمنو هستند.
برای ساخت زیر منو مراحل زیر را دنبال کنید:
- آیتم مورد نظر را زیر گزینه اصلی قرار دهید.
- کمی آن را به سمت راست بکشید.
- تغییرات را ذخیره کنید.
وردپرس به‌صورت خودکار آن گزینه را به زیرمجموعه آیتم بالایی تبدیل می‌کند.
چرا از منوی کشویی در وردپرس استفاده کنیم؟
- بهینه‌سازی فضا: در سایت‌های بزرگ که صفحات زیادی دارند، منوی کشویی از شلوغ شدن منوی اصلی جلوگیری می‌کند.
- دسترسی سریع‌تر کاربران: بازدیدکنندگان بدون جستجوی طولانی به بخش‌های موردنظر می‌رسند.
- بهبود تجربه کاربری: ساختار منظم منو، مسیر حرکت کاربر را ساده‌تر می‌کند.
- تقویت لینک‌سازی داخلی: منوی اصولی به موتورهای جستجو برای شناخت صفحات مهم سایت کمک می‌کند.
مدیریت جایگاه نمایش منو در وردپرس
قالب‌های وردپرسی معمولا چند جایگاه برای نمایش منو دارند. برای مثال:
- منوی اصلی هدر
- منوی موبایل
- منوی فوتر
- منوی کناری سایت
این جایگاه‌ها هنگام طراحی قالب مشخص می‌شوند.
اگر قالب شما فقط یک جایگاه برای منو داشته باشد، از بخش فهرست‌ها نمی‌توانید جایگاه جدیدی ایجاد کنید و برای این کار باید ساختار قالب تغییر کند.
چگونه یک منو را برای نمایش در سایت فعال کنیم؟
بعد از ساخت منو باید مشخص کنید این فهرست در کدام بخش سایت نمایش داده شود.
در پایین صفحه فهرست‌ها، قسمت تنظیمات فهرست را مشاهده میکنید.
در این بخش می‌توانید جایگاه موردنظر را انتخاب کنید.
برای مثال:
- منوی اصلی
- منوی بالایی سایت
- منوی موبایل
بعد از انتخاب جایگاه، روی گزینه ذخیره فهرست کلیک کنید. حالا با باز کردن سایت، منوی جدید شما نمایش داده می‌شود.
ساخت منو در وردپرس؛ ایجاد یک مسیر ساده برای کاربران سایت
ساخت منو در وردپرس یکی از ساده‌ترین کارهایی است که تاثیر زیادی روی ساختار سایت و تجربه کاربران دارد. با استفاده از بخش فهرست‌های وردپرس می‌توانید صفحات، دسته‌بندی‌ها و لینک‌های دلخواه را به منوی سایت اضافه کنید، ترتیب آن‌ها را تغییر دهید و حتی منوهای چندسطحی بسازید. یک منوی خوب فقط چند لینک کنار هم نیست؛ بلکه مثل یک نقشه راه برای کاربر عمل می‌کند و کمک می‌کند سریع‌تر به بخش‌های مهم سایت برسد. پس هنگام طراحی آن، سادگی و دسترسی راحت را در اولویت قرار دهید.
سوالات متداول درباره ساخت منو در وردپرس
۱. فهرست یا منو در وردپرس چیست؟
فهرست یا منو بخشی از سایت است که لینک صفحات مختلف را در یک ساختار مشخص نمایش می‌دهد و به کاربران کمک می‌کند راحت‌تر بین بخش‌های مختلف سایت جابه‌جا شوند.
۲. آیا برای ساخت منو در وردپرس باید افزونه نصب کنیم؟
خیر. وردپرس به‌صورت پیش‌فرض ابزار ساخت منو را دارد و برای ایجاد فهرست‌های معمولی نیازی به نصب افزونه نیست. برخی قالب‌های وردپرسی نیز امکانات پیشرفته منو را به‌صورت داخلی ارائه می‌دهند و همیشه نیاز به افزونه جداگانه وجود ندارد.
۳. چرا منوی سایت اهمیت دارد؟
منو مسیر حرکت کاربران در سایت را مشخص می‌کند. یک منوی اصولی باعث می‌شود بازدیدکنندگان سریع‌تر به صفحات مهم برسند و تجربه بهتری هنگام استفاده از سایت داشته باشند.
۴. چگونه چند منو در وردپرس بسازیم؟
برای ساخت چند منو در وردپرس وارد بخش نمایش و بعد فهرست‌ها شوید. در این بخش امکان ایجاد چند فهرست مختلف وجود دارد و هرکدام را در جایگاه مشخصی از قالب سایت قرار می‌دهید.
میثم
۲۰۲۲-۰۱-۰۱ ۱۰:۵۶:۵۳
چجوری باید زیر منو بسازیم؟ توی وردپرس میخوام ک زیرمنوی کشویی ایجاد کنم ولی نمیدونم چطوری؟ میشه توضیح بدید؟
قره گزلو
۲۰۲۲-۰۱-۱۹ ۱۱:۰۳:۱۱
سلام دوست عزیز تو همین مطلب آموزش ایجاد زیرمنو وجود داره.. همچنین برای آموزش نحوه ایجاد منو کشویی هم میتونید <a href="https://pars.host/blog/floating-menu/" target="_blank" rel="noopener">این مقاله</a> رو ببینید.
امیرحسین
۲۰۲۲-۰۲-۰۴ ۲۱:۱۸:۱۵
ممنون خیلی کامل و مفید بود البت یکی از عکس ها لود نمیشد ولی ویدیو رو دیدم و خوب بود
mitra
۲۰۲۲-۰۲-۰۹ ۲۲:۵۰:۵۶
اگر منوی ما شناور نباشه اشکالی داره؟ من هرکار میکنم تا منوی شناور وردپرس بسازم، وقتی اسکرول میکنم پایین صفحه، اصلا ی شکل خاصی میشه بهم میریزه، هرکار کردم نفهمیدم مشکلش از کجاست
قره گزلو
۲۰۲۲-۰۲-۱۶ ۱۸:۵۴:۵۰
سلام دوست عزیز بله بهتره تا از منوی شناور استفاده کنید. استفاده از منوی شناور تاثیر خوبی از نظر تجربه کاربری و <a href="https://pars.host/blog/user-interface/" target="_blank" rel="noopener">رابط کاربری</a> بر مخاطب داره. بهتره از یک متخصص وردپرس برای رفع این مشکل کمک بگیرید.
جواد
۲۰۲۲-۰۲-۱۹ ۲۳:۵۱:۱۹
سلام.منو کشویی ایجاد کردم ولی میخوام رنگ منو عوض کنم.چطوری باید عوض کنم.ممنون از مطالب خوبتون
قره گزلو
۲۰۲۲-۰۲-۲۶ ۱۶:۲۲:۲۷
سلام دوست عزیز برای سفارشی سازی منو سایت از نظر رنگ و دیزاین از طراح سایتتون کمک بگیرید.
sani
۲۰۲۲-۰۲-۲۸ ۱۴:۲۹:۲۴
اگر منو نذاریم برای سایت اشکالی داره؟ من هنوز سایتمو تکمیل نکردم و چون دارم با آموزش ها مرحله به مرحله طراحیش میکنم؛ هنوز دسته بندی های سایتم کامل مشخص نشده و به خاطر همین منویی نذاشتم رو سایتم. وردپرس دارم کار میکنم و سوال شد ک برام این اشکالی داره؟
قره گزلو
۲۰۲۲-۰۳-۰۲ ۱۶:۱۹:۴۹
سلام دوست عزیز داشتن منو چه به صورت شناور چه به صورت ایستا، از ضرورت های سایت های وردپرسیه. بهتره برای دسترسی کاربرانتون به اطلاعات سایت، حتما از منو استفاده کنید.
معین
۲۰۲۲-۰۲-۲۸ ۱۶:۳۶:۰۲
سلام من میخوام یه منوی افقی داشته باشم و یه منوی ستونی در هدر سایتم داشته باشم. چطور میشه انجامش داد؟
زند
۲۰۲۲-۰۳-۰۲ ۱۶:۵۴:۳۵
با سلام و احترام دوست عزیز سرورپارسی انجام این مورد بستگی به قالب شما دارد اما احتمالا آنرا بتوانید در قسمت نمایش - فهرست ها تنظیم کنید. البته بستگی به این دارد که فهرست افقی و عمودی در هدر سایت قبلا توسط طراح تعریف شده باشد یا خیر در صورت وجود، برای انجام تنظیمات لازم وارد آدرسی که گفته شد شوید.
XZY
۲۰۲۲-۰۴-۲۴ ۱۶:۱۹:۲۸
سلام وقتتون بخیر ممنون اط مطلب مفیدتون من یک دوره مربوط به تجربه کاربری و یو ایکس میدیدم که تو یکی از سرفصل هاش خیلی به استفاده درست از منو تاکید میکرد و میگفت خیلی تاثیر خوبی تو جذب و نگه داشتن کاربر داره. به نظرم باید فقط مهمترین لندینگ هامون و برای قسمت منو نگه داریم. حالا منوی شناور یا منوی ایستا فرقی نداره. مهم مسیریه که داریم به کاربر نشون میدیم
sugmd
۲۰۲۲-۰۵-۱۵ ۱۴:۳۴:۳۰
سلام میشه راهنمایی کنید که چجوری باید منو رو یکاری کنم که وقتی ینفر صفحه رو میکشه میاد پایین، منو اون بالا حذف بشه و وقتی دوباره برگشت بالای صفحه، منو دوباره ظاهر بشه؟ ممنون از سایت خوبتون من کلی از اموشای وردپرستون و دیدم و واقعا عالی بودن
فلاح
۲۰۲۲-۰۵-۱۵ ۱۵:۲۴:۰۴
در کلاس یا بخش navbar باید از کلاس های جاوااسکریپت استفاده کنید و اگر از jQuery Slim استفاده نمیکنید می تونید از افکت های fadein و fadeout برای بهتر نمایش دادن استفاده کنید. افکت های CSS3 transitions در صورتی که از jQuery Slim استفاده می کنید به خوبی توسط fadeIn و fadeOut پشتیبانی می شود.برای اینکار کافیست خط های زیر را به فایل Css قالب خود اضافه کنید. <code>.fade-in { visibility: visible; opacity: 1; transition: opacity 1s linear; } .fade-out { visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; }</code>
ساناز
۲۰۲۲-۰۶-۱۹ ۱۴:۵۸:۵۸
من خیلی از سایت ها رو دیدم که فهرست ندارن مثلا سایت *** رو ببینید هیچ منویی اون بالا نداره.. همه سایت ها نیازی نیست منو داشته باشن مثلا وب سایت های تک صفحه ای که فقط یک لندینگ یا یک محصول دارن نیازی نیست که منو داشته باشن حتما
ساناز
۲۰۲۲-۱۰-۱۸ ۱۷:۳۲:۵۶
سلام تو پیشخوان من قسمت فهرست ها وجود نداره باید چی کار کنم تابیاره ؟؟؟
مهدیه ملک محمدی
۲۰۲۲-۱۰-۲۲ ۱۵:۲۶:۵۰
سلام. آیا شما دسترسی ادمین دارید؟ اگر دسترسی ادمین دارید فهرست ها در قستما نمایش --> فهرست ها موجود هستند.
M
۲۰۲۲-۱۲-۰۷ ۰۹:۲۹:۱۰
سلام چطور برای منوها در وردپرس هاور بگذاریم؟
رها
۲۰۲۲-۱۲-۱۸ ۱۴:۴۴:۱۵
سلام چه جوری می تونم منوی قالب رو راست چین کنم؟ با چه کدی؟ وقتی کد float : right رو استفاده میکنم میاد وسط، اصلا به سمت راست نمیره
وردپرس
۲۰۲۳-۰۳-۱۱ ۰۸:۵۸:۰۳
بسیار عالی و کارآمد بود
محمد پورآذری
۲۰۲۳-۰۳-۱۴ ۰۹:۰۵:۴۶
ممنون از اینکه نظرات خود را ثبت و وبسایت ما را دنبال می میکنید
زهرا
۲۰۲۳-۰۶-۰۸ ۲۰:۵۳:۰۵
سلام ببنید چجوری میتونیم یکاری کنیم که مثلا اگر روی مجموعه که برای مثال محصولات هستش کلیک کنیم به صفحه برگه هدایت نشه؟ یعنی طرف روش کلیک کرده روی مجموعه اون اولیه طرف رو هدایت نکنه به سمت خود برگه
محمد پورآذری
۲۰۲۳-۰۶-۱۰ ۰۸:۲۸:۴۲
سلام وقت بخیر ، شما می توانید براحتی بصورت دستی هر منو دلخواهی که میخواهید را با نام و لینک تعریف کنید ، از قسمت نمایش -> فهرست ها -> تعریف منو -> پیوندهای دلخواه این موضوع را پیگیری بفرمایید
مهدی رضایی
۲۰۲۳-۱۰-۱۳ ۲۰:۱۱:۴۷
سلام خسته نباشید من به صفحات لینک دادم و داخل خود وردپرس عمل میکنه،ولی وقتی مخاطب بزنه روی صفحه اصلی میمونه راه حلی میگید به ما ممنون
الی
۲۰۲۳-۱۱-۲۲ ۱۹:۱۶:۱۶
من دقیقا تمام این مراحل رو رفتم منو برام ساخته شده اما زیر منو نمایش داده نمیشه. چیکار کنم؟
۲۳