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

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

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

آشنایی با پنل فهرست ها

بخش فهرست ها یا Menus در وردپرس، قلب تپنده مدیریت ناوبری سایت شما است. برای دسترسی به این بخش، کافی است به پنل مدیریت وردپرس خود رفته و از ستون کناری، مسیر نمایش $\to$ فهرست ها را دنبال کنید. این پنل به صورت کلی شامل دو قسمت اصلی است: بخش مدیریت ساختار منو در سمت چپ و تنظیمات آیتم های قابل افزودن در سمت راست.

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

مراحل ساخت منوی جدید

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

1. نام گذاری فهرست: در بخش مدیریت فهرست ها، ابتدا باید یک نام مناسب برای فهرست خود انتخاب کنید، مثلا “منوی اصلی” یا “فوتر سایت”. انتخاب نام مناسب، به ویژه در سایت هایی با تعداد فهرست های بالا، به شما کمک می کند تا در آینده دچار سردرگمی نشوید.
2. ایجاد فهرست: پس از انتخاب نام، روی دکمه “ایجاد فهرست” کلیک کنید. با این کار، وردپرس ساختار داده ای لازم را برای ذخیره آیتم های شما آماده می کند.
3. انتخاب مکان نمایش: درست پس از ایجاد فهرست، به بخش “تنظیمات فهرست” دقت کنید. در این قسمت، مکان های از پیش تعریف شده ای را مشاهده می کنید که توسط قالب سایت شما تعیین شده اند (مثلا “Main Navigation” یا “Footer Menu”). شما باید مشخص کنید که این فهرست جدید، قرار است در کدام یک از این جایگاه ها نمایش داده شود.

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

افزودن آیتم ها به منو

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

در بخش راست پنل فهرست ها، چهار نوع آیتم اصلی وجود دارد که می توانید به فهرست خود اضافه کنید:

1. برگه ها (Pages): شامل تمام برگه هایی که در سایت خود ساخته اید (مانند صفحه اصلی، درباره ما، خدمات). این ها معمولا ستون های اصلی منوی شما هستند.
2. نوشته ها (Posts): اگر می خواهید مستقیما یک مقاله خاص را در منو قرار دهید، از این بخش استفاده کنید.
3. پیوندهای دل خواه (Custom Links): این گزینه برای افزودن لینک هایی استفاده می شود که خارج از ساختار برگه ها و نوشته های وردپرس هستند؛ مثلا لینک به یک فایل PDF، یک صفحه در سایت دیگر، یا یک لینک با ساختار خاص مانند لینک به یک بخش خاص از صفحه (Anchor Link). برای این کار، آدرس URL مورد نظر و متن لینک (Label) را وارد می کنید.
4. دسته ها و برچسب ها: اگر می خواهید کاربران به جای یک صفحه خاص، به مجموعه ای از محتواها دسترسی پیدا کنند، دسته بندی ها یا برچسب ها گزینه مناسبی هستند. مثلا “دسته مقالات آموزش وردپرس”.

برای افزودن هر آیتم، کافی است آن را در پنل سمت راست انتخاب کرده و روی دکمه “افزودن به فهرست” کلیک کنید. آیتم های انتخاب شده به پنل ساختار فهرست در سمت چپ منتقل می شوند. در این قسمت می توانید با کشیدن و رها کردن (Drag and Drop)، ترتیب آیتم ها را تغییر دهید.

تنظیمات پیشرفته و مکان های نمایش منو

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

فعال سازی تنظیمات پیشرفته

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

• کلاس های CSS: به شما اجازه می دهد کلاس های CSS دل خواهی به آیتم های منو اضافه کنید تا بتوانید ظاهر آن ها را با کدهای CSS به صورت دقیق تغییر دهید. این قابلیت برای برنامه نویسان و طراحانی که به جزئیات بصری اهمیت می دهند، حیاتی است.
• هدف پیوند (Link Target): این امکان را فراهم می کند تا مشخص کنید آیا لینک در همان پنجره باز شود یا در یک تب جدید (تگ target=\”_blank\”). معمولا لینک های خارجی را در تب جدید باز می کنند تا کاربر سایت شما را ترک نکند.
• توضیحات (Description): در برخی از قالب ها، امکان نمایش یک توضیح کوتاه زیر هر آیتم منو وجود دارد که می تواند به وضوح مسیریابی کمک کند.

مکان های نمایش (Display Locations)

همان طور که پیش تر اشاره شد، پس از ایجاد یک فهرست، باید آن را به یک مکان نمایش (Location) مرتبط کنید. این مکان ها توسط توسعه دهنده قالب شما تعریف می شوند و می توانند شامل موارد زیر باشند:

• Primary/Main Navigation: معمولا در بالای سایت، هدر یا زیر لوگو قرار دارد.
• Secondary Navigation: اغلب در بالای نوار اصلی یا در نوار کناری استفاده می شود.
• Mobile Navigation: فهرست اختصاصی برای دستگاه های همراه.
• Footer Menu: لیستی از لینک های ثانویه در پایین صفحه (فوتر).

شما می توانید یک فهرست مشخص (مثلا “منوی اصلی”) را به چندین مکان (مثلا Primary و Mobile) اختصاص دهید یا برای هر مکان، یک فهرست منحصر به فرد ایجاد کنید. این انعطاف پذیری، به شما اجازه می دهد تا طراحی سایت را مطابق با نیازهای کسب و کار خود بهینه سازی کنید.

ایجاد زیرمنو و منوهای آبشاری

منوهای آبشاری یا دراپ داون ها (Dropdown Menus)، ابزاری قدرتمند برای سازمان دهی محتواهای پرتعداد در فضایی محدود هستند. این کار، یکی از ساده ترین و در عین حال مهم ترین بخش های آموزش ساخت منو در وردپرس است.

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

1. آیتم والد (Parent Item): آیتمی را که می خواهید به عنوان تیتر اصلی زیرمنو عمل کند، در جایگاه اصلی قرار دهید.
2. آیتم های فرزند (Child Items): آیتم هایی را که قرار است زیرمنو باشند، به پنل ساختار فهرست اضافه کنید.
3. عقب نشینی (Indentation): با استفاده از ماوس، آیتم فرزند را کمی به سمت راست، زیر آیتم والد خود بکشید و رها کنید. وردپرس به صورت خودکار، آن آیتم را به عنوان یک “زیر آیتم” یا “Sub Item” شناسایی می کند.
4. سطوح بعدی: شما می توانید این کار را تا چندین سطح تکرار کنید (مثلا یک زیرمنو در زیر یک زیرمنو). البته توصیه می شود برای جلوگیری از پیچیدگی و حفظ تجربه کاربری، از بیشتر از دو یا سه سطح تو در تو خودداری کنید.

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

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

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

1. اختصار و وضوح: عناوین آیتم های منو باید کوتاه، دقیق و کاملا گویا باشند. به جای استفاده از عبارات طولانی، از کلمات کلیدی اصلی استفاده کنید (مثلا به جای “مطالب جدید و هیجان انگیز ما را بخوانید” بنویسید “وبلاگ”).
2. ثبات و پایداری: منوهای اصلی باید در تمام صفحات سایت در جایگاه ثابتی قرار بگیرند. این ثبات، اعتماد کاربر را جلب می کند و فرآیند مسیریابی را به یک عادت تبدیل می سازد.
3. اولویت بندی: آیتم های مهم تر (مانند خدمات اصلی یا لینک تماس) را در ابتدای فهرست و در معرض دید قرار دهید. اغلب کاربران از چپ به راست (در زبان فارسی) و یا از بالا به پایین منوها را می بینند.
4. لینک های حیاتی: مطمئن شوید که لینک هایی مانند “تماس با ما”، “درباره ما” و “قوانین و مقررات” همیشه در دسترس باشند، حتی اگر در فوتر یا یک منوی ثانویه قرار گیرند.
5. تست روی موبایل: همیشه منوی خود را روی دستگاه های همراه تست کنید. منوهای آبشاری ممکن است در صفحه نمایش کوچک به درستی کار نکنند و باید از یک ساختار موبایلی (مانند منوی همبرگری) استفاده شود که در اکثر قالب های مدرن وردپرس تعبیه شده است.

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

نتیجه گیری

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

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

۱. چگونه یک برگه را از منوی اصلی پنهان کنیم؟

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

۲. چرا مکان های نمایش منو در قالب من متفاوت است؟

مکان های نمایش منو توسط برنامه نویس قالب شما تعریف می شود. هر قالب، بسته به طراحی خود، مکان های منحصر به فردی (مثل هدر، سایدبار یا فوتر) برای اختصاص دادن فهرست ها دارد.

۳. آیا می توانم یک آیتم منو را به صورت خودکار به تب جدیدی باز کنم؟

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

۴. پیوند دل خواه (Custom Link) چه کاربردی دارد؟

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

۵. تعداد بهینه آیتم ها در منوی اصلی چند عدد است؟

به طور کلی، توصیه می شود تعداد آیتم های اصلی منو (سطح اول) بین ۵ تا ۷ عدد باشد تا از بار شناختی بیش از حد کاربر جلوگیری شود و منو شلوغ به نظر نرسد.

۶. آیا می توانم از یک فهرست برای چندین جایگاه استفاده کنم؟

بله، شما می توانید یک فهرست مشخص را به طور هم زمان به چندین مکان نمایش (مانند منوی اصلی و منوی موبایل) اختصاص دهید.

محمد موسوی

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