همانطور که میدانید، وردپرس آمد که کار ساخت سایت راحتتر شود! نهتنها وردپرس، بلکه کلاً انواع سیستمهای مدیریت محتوا با این هدف خلق شدند.
بنابراین، طبیعی است که انجام انواع کارها در رابطه با ساخت و طراحی بخشهای مختلف سایت با این CMS خیلی راحت انجام شود. برای مثال، ساخت منو در وردپرس راحتتر از آن چیزی که فکرش را بکنید صورت میگیرد!
این مقاله هم پیرامون همین موضوع است. میخواهیم چگونگی ساخت و طراحی منو یا فهرست در سایت وردپرسی را یادتان بدهیم تا بدون کمک گرفتن از هیچکس دیگری، خودتان خیلی راحت کار را پیش ببرید.
اول از همه، بیایید با چیستی منو در این سیستم مدیریت محتوا بیشتر آشنا شویم.
منظور از منو و فهرست در وردپرس چیست؟
به سادهترین بیان، منو یا فهرست لیستهایی از لینکها هستند که بازدیدکننده را به بخشهای اصلی و مهم سایت هدایت میکنند. در بیشتر مواقع، این منوها در قالب یک ستون افقی ظاهر میشوند که در بخش بالایی همۀ صفحات سایت وردپرسی قرار دارند.
ساخت منو در وردپرس اهمیت دارد چون فهرستها ساختار منسجمی به سایت شما میبخشند؛ ساختاری که به یاری بازدیدکنندگان میآید و به آنها کمک میکند چیزی که دنبالش میگردند را خیلی راحتتر پیدا کنند. برای مثال، منوی صفحۀ اصلی لیموهاست را در تصویر زیر ببینید:
خوشبختانه، شمایی که با وردپرس سایت ساختهاید و از این سیستم مدیریت محتوا استفاده میکنید، کار خیلی سادهای برای ساخت منو و فهرست دارید؛ یعنی خیلی راحت میتوانید لینک صفحات مهم مثل دستهبندیها، موضوعات، بلاگپستها و… را در همۀ صفحات جای دهید تا کاربر در هر قسمتی از سایت قرار داشت، بهسادگی بتواند وارد آن صفحات شود.
برویم که ببینیم ساخت منو سایت در وردپرس چطور انجام میگیرد.
پیشنهاد خواندنی: آموزش ساخت هدر با المنتور در وردپرس (به زبان ساده) |
مراحل ساخت منو در وردپرس
قبل از اینکه شروع کنیم، اجازه دهید به دو نکته اشاره کنیم.
اول اینکه ساخت منو در وردپرس هم از طریق پیشخوان این CMS قابل انجام است و هم کلی افزونۀ مخصوص وجود دارند که صفر تا صد این فرایند را اجرا میکنند؛ ولی چون بهتر است تا جای ممکن پلاگینهای کمتری روی سایت خود نصب کنید (تعداد بیش از حد افزونهها روی عملکرد سایت اثر منفی میگذارد!)، ما در این بخش چگونگی انجام کار از طریق داشبورد وردپرس را آموزش خواهیم داد.
نکتۀ بعدی اینکه محل دقیق قرارگیری منو و فهرست در صفحات به قالب استفادهشده روی سایت بستگی دارد. در تصویر بالا دیدید که منوی لیموهاست در بالاترین قسمت صفحه است؛ ولی گاهی ممکن است اول هدر باشد و منو بعد از هدر بیاید.
حالا بیایید طی ۷ مرحله تمام آنچه لازم است راجعبه ساخت فهرست در وردپرس بدانید را یادتان بدهیم.
پیشنهاد خواندنی: صفحهساز المنتور چیست؟ راهنمای کامل برای مبتدیان |
شروع قیمت از
۱۹۸ هزار تومان
۱) ساخت منو در وردپرس
اولین قدم در راستای ساخت منو در وردپرس، رفتن به منوی کناری داشبورد این سیستم مدیریت محتوا است. در آنجا باید به روی نمایش بروید و از بین گزینههایی که ظاهر میشوند، روی فهرستها کلیک کنید.
حالا وارد صفحهای خواهید شد که میتوانید اطلاعات مربوط به منو را در آن وارد کنید. بهتر است اول از همه نامی برای منوی خود برگزینید. اسم کاملاً دلخواه است و هیچ اجباری وجود ندارد. بعد از مشخص کردن نام، روی ایجاد فهرست کلیک کنید تا گزینههای بیشتری در همین صفحه نمایان شوند.
مشخصاً باید از قسمت سمت راست، روی افزودن به فهرست کلیک کنید. به این ترتیب، میتوانید صفحاتی که میخواهید در منو قرار بگیرند را گلچین کنید. البته امکان افزودن همۀ صفحات با زدن تیک انتخاب همه هم وجود دارد.
بعد از انتخاب هر صفحه، باکس آن را خواهید دید که به صفحه افزوده میشود و با کشیدن و رها کردن میتوانید آنها را جابهجا کنید. به این ترتیب، امکان مرتب کردن نحوۀ قرارگیری آنها در منو بالای صفحه به وجود خواهد آمد.
نکتۀ مهم: همۀ فهرستها آیتمهایشان را در داشبورد وردپرس بهصورت عمودی نشان میدهند؛ منتهی وقتی منو در سایت قرار میگیرد، بسته به موقعیتی که برای آن انتخاب کردهاید و البته قالب سایت، یا افقی یا عمودی نمایش داده خواهد شد.
پس نحوۀ ساخت منو به این صورت است. بیایید یک قدم جلوتر برویم و چگونگی ساخت منوهای کشویی را یاد بگیریم.
پیشنهاد خواندنی: بردکرامب وردپرس چیست؟ (۳ روش افزودن بردکرامب به وردرپرس) |
۲) ساخت منوهای کشویی (dropdown menus)
منوهای کشویی که بعضاً به آنها منوهای تودرتو (nested menus) هم میگویند، فهرستهایی هستند که از آیتمهای والد و فرزند برخوردارند. اجازه دهید بیشتر توضیح دهیم.
وقتی نشانگر موس را روی یک آیتم والد (Parent Item) میبرید، تمام آیتمهای فرزند (Child Items) زیر همان آیتم، بهشکل یک زیرمنو (sub-menu) ظاهر خواهند شد.
ساخت این نوع منوها که در عنوان از نام منوهای کشویی برای آنها استفاده کردیم هم بسیار ساده است. کافی است آیتمهای مد نظر خود را زیر یک آیتم والد کشیده و کمی آن را به چپ بکشید. تصویر زیر را ببینید:
همانطور که در تصویر بالا مشخص است، وبلاگ یک آیتم والد است که برگه نمونه و لیست علاقهمندی ها آیتمهای فرزند آن محسوب میشوند. هرکدام از این دو آیتم فرزند هم درون خودشان child items دارند. اولی دوربین عکاسی و دومی علاقه مندی.
بنابراین، امکان ساخت منوهای کاملاً تودرتو وجود دارد و هر آیتم فرزند میتواند در نقش آیتم والد هم ظاهر شود! البته که توصیه میکنیم خیلی زیادهروی نکنید که باعث سردرگمی بازدیدکنندگان میشود؛ ضمناً، برخی قالبها هم از تودرتویی بیش از حد پشتیبانی نمیکنند.
۳) افزودن کتگوریها به منوی وردپرس
اگر سایتتان وبلاگ دارد (که توصیه میکنیم حتماً وبلاگ داشته باشید تا از مزایای پرشمار بازاریابی محتوایی بهرهمند شوید)، احتمالاً بخواهید دستهبندیها یا کتگوریهای مختلفی را بهعنوان یک منوی کشویی به زیر گزینۀ وبلاگ اضافه کنید. این کار امکان تفکیک مقالات به موضوعات مختلف را فراهم میکند و ساختار بهتر و منسجمتری به صفحاتتان میدهد؛ همچنین، بازدیدکنندگان هم کار راحتتری هنگام گشتوگذار در سایت خواهند داشت.
انجام این کار هم خیلی آسان است. در همان صفحۀ اصلی بخش فهرستها، از منوی سمت راست روی دستهها کلیک کنید.
کتگوریهایی که انتخاب میکنید مثل آیتمهای اصلی منو در صفحۀ اصلی بخش فهرستها ظاهر میشوند. حالا میتوانید همانطور که در بخش قبلی توضیح دادیم، آنها را زیر آیتم وبلاگ بیفزایید. حالا هروقت نشانگر موس روی آیتم وبلاگ برود، دستههایی که انتخاب کردهاید زیر آن ظاهر خواهند شد.
نکته: کتگوریها لزوماً مختص وبلاگ نیستند. میتوانید آیتم فروشگاه در منو را هم به دستهبندیهای مختلف که هرکدام به یک دسته محصول تعلق دارند تقسیم کنید. یا مثل تصویر زیر، یکی از دستهبندیهای درون وبلاگ را به کتگوریهای مختلف بخش کنید.
۴) افزودن لینکهای سفارشی به منوی ناوبری
جدا از دستهبندیها و صفحات، خیلی راحت میتوانید از طریق داشبورد وردپرس، لینکهای سفارشی یا همان کاستوم را هم به فهرست یا منوی ساختهشده اضافه کنید. کاربرد این لینکها زمانی مشخص میشود که میخواهید کاربران را به صفحاتی که در شبکههای اجتماعی دارید بفرستید؛ همچنین، اگر سایت یا سایتهای دیگری دارید که میخواهید به آنها لینک بدهید هم میتوانید از این نوع لینکها استفاده کنید.
برای انجام این کار، باید در صفحۀ منو، از همان بخشهایی که در کنار صفحه وجود دارند روی پیوندهای دلخواه کلیک کنید؛ سپس خواهید دید که صفحه بهشکلی که در تصویر زیر میبینید تغییر میکند.
حالا باید در فیلد نشانی اینترنتی، آدرس لینک مد نظر را بنویسید و در فیلد دوم، یعنی متن پیوند، نام آن آیتم در منو را مشخص کنید. مثلاً صفحۀ اینستاگرام!
بعد روی افزودن به فهرست کلیک کنید تا این آیتم هم به باقی آیتمهای منو اضافه شود. یادآور میشویم که امکان جابهجا کردن آیتم تازه ساختهشده هم وجود دارد و میتوانید موقعیت مکانی آن را مطابق آنچه در ذهن دارید تغییر دهید.
ضمناً، امکان اعمال خلاقیت با افزودن آیکون شبکههای اجتماعی و دکمههای CTA هم وجود دارد. اقداماتی که به بهبود نرخ تبدیل منجر خواهند شد.
۵) نحوه ویرایش یا حدف یک آیتم از منوی ناوبری
وقتی یک صفحه یا دستهبندی به منوی ناوبری افزوده میشود، وردپرس بهصورت پیشفرض از عنوان صفحه یا دستهبندی برای نام آن آیتم استفاده میکند. البته که امکان تغییر وجود دارد و میتوانید از هر اسمی که دوست دارید بهره ببرید.
به تصاویر بالا نگاه کنید. هر آیتم یک فلش کوچک دارد که به سوی پایین است. با کلیک روی این فلش کوچک، امکان ویرایش بخشهای مختلف آن آیتم به وجود میآید.
اگر قصد تغییر نام آیتم را دارید، فیلد متن را تغییر دهید. در قسمت نشانی اینترنتی هم میتوانید آدرس را عوض کنید.
در ضمن، اگر کلاً میخواهید آن آیتم بهخصوص را حذف کنید، در پایینترین بخش تصویر بالا، گزینۀ قرمزرنگ حذف را در کنار گزینۀ آبیرنگ لغو میبینید. طبیعتاً روی حذف کلیک میکنید و بعد از تأیید اقدام خود، آیتم از منو پاک خواهد شد.
۶) افزودن منوی ناوبری در FSE
FSE مخفف عبارت Full Site Editor است و به شما اجازه میدهد قالب وردپرس را با ویرایشگر بلوکی شخصیسازی کنید. به بیان سادهتر، ویرایشگر بلوکی این امکان را فراهم میکند که بلوکهای مختلف را به قالب وردپرسی خود بیفزایید تا یک ظاهر خاص و منحصربهفرد به سایت ببخشید.
برای ساخت منوی ناوبری در این ویرایشگر، از منوی سمت راست داشبورد وردپرس به نمایش و بعد از آن ویرایشگر پوسته میرویم.
FSE نسخۀ فارسی ندارد؛ پس ناچاریم آموزش این بخش را با نمونۀ انگلیسی پیش ببریم. بعد از باز شدن ویرایشگر Twenty-Three که FSE پیشفرض وردپرس است، روی تب Navigation کلیک کنید.
پس از آن، روی آیکون قلم یا Edit کلیک کنید.
با انجام این کار، FSE باز خواهد شد و میتوانید با کلیک روی آیکون + آیتم منوی ناوبری را به سایت اضافه کنید. پنجرهای باز خواهد شد که میتوانید لینک آیتمهای منو و متن هر لینک را در آن بنویسید. علاوهبر این، امکان تغییر انواع جزئیات مثل تایپوگرافی، ظاهر، ارتفاع، فاصلۀ بین آیتمها و حتی چیدمان متون هم وجود دارد.
پیشنهاد خواندنی: نحوه تغییر فونت در وردپرس (۴روش آسان) |
۷) اضافه کردن منوی وردپرس در سایدبارها و فوتر
در آغاز این آموزش ساخت منو در وردپرس، گفتیم که معمولاً فهرستها در بخش بالایی صفحات نمایش داده میشوند و نمونهای از صفحۀ اصلی لیموهاست هم آوردیم که نشان دهیم منظورمان چیست! ولی خب، باید بدانید محدود به این بخش نیستید و میتوانید منو را به هرجایی که پذیرای ویجت است ببرید. مثل سایدبارها و فوتر.
برای اینکه آموزش کاملی تقدیمتان کنیم، نحوۀ اضافه کردن فهرست به این بخشها را هم یادتان خواهیم داد.
از منوی سمت راست داشبورد به نمایش بروید و روی ابزارکها (همان ویجت) کلیک کنید.
در صفحۀ جدید، روی + کلیک کرده و بلاک Navigation Menu را اضافه کنید. سپس باید یک عنوان برای ویجتی که میسازید برگزینید و از فیلد کشویی، منوی مد نظر خود را انتخاب کنید.
به همین راحتی میتوان منو را به سایدبار یا فوتر سایت اضافه کرد و از قید محدودیتها رها شد.
این هم از تمام آنچه لازم بود راجعبه ساخت فهرست در وردپرس یاد بگیرید. اگر موافق باشید، برویم سراغ نتیجهگیری و مقاله را به پایان ببریم.
پیشنهاد خواندنی: شناسایی افزونه های کند وردپرس با ۳ روش ساده! |
ساخت منو در وردپرس، بهراحتی هرچه تمامتر انجام میگیرد!
طی این مطلب، اول از همه گفتیم که منظور از منو و فهرست چیست و چرا آنها جزو ضروریات هر سایتی به حساب میآیند. فهمیدیم افزونه منو در وردپرس وجود دارد که ساخت فهرست را از اول تا آخر انجام میدهد؛ منتهی که میتوان از خود داشبورد وردپرس هم استفاده کرد و بدون نیاز به شلوغکاریهای اضافی، کار را بهشکلی بسیار آسان پیش برد.
طی ۷ مرحله، ساخت منو در وردپرس را با جزئیات کامل آموزش دادیم و سعی کردیم به تمام جوانب این ماجرا بپردازیم. امیدواریم بعد از خواندن این مقاله، بتوانید خیلی راحت کارتان را پیش ببرید و بهترین فهرست ممکن را برای سایت وردپرسی خود بسازید.
راستی اگر برای سایت وردپرسی نیاز به یک سرویس میزبانی خارقالعاده دارید، پیشنهاد میکنیم سری به صفحۀ هاست وردپرس بزنید. رضایت مشتریان قبلی ثابت کرده که این دسته از سرویسهای میزبانی لیموهاست، به بهترین شکل تمام ملزومات میزبانی از یک سایت وردپرسی را فراهم میکنند.
در نهایت، اگر همچنان پرسشی در رابطه با ساخت منو سایت وردپرسی دارید، حتماً زیر همین مقاله برایمان کامنت بگذارید.
منابع: wpbeginner
دیدگاه ها
اولین نفری باشید که دیدگاه خود را ثبت می کنید