15 بهترین آموزش برای منوی مسیریابی وردپرس

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

Best tutorials to master WordPress navigation menus

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

  1. شروع کار با منوهای پیمایش وردپرس
  2. افزودن نمادهای رسانه های اجتماعی به منوهای وردپرس
  3. نمایش منوهای مختلف برای ورود کاربران در وردپرس
  4. منطق مشروط را به منوهای پیمایش اضافه کنید
  5. منوی پیمایش وردپرس یک ظاهر طراحی شده
  6. افزودن نمادهای تصویر با منوهای پیمایش در وردپرس
  7. افزودن منوهای پیمایش سفارشی در وردپرس
  8. افزودن منوی صفحه اسلاید در مضامین وردپرس
  9. ایجاد منوی آماده وردپرس آماده برای موبایل
  10. افزودن یک منوی پاسخگو در تمام صفحه در وردپرس
  11. افزودن توضیحات با منوهای پیمایش در وردپرس
  12. نحوه افزودن مباحث در منوهای پیمایش وردپرس
  13. نحوه افزودن منوهای پیمایش در نوار کناری وردپرس
  14. منوی پیمایش وردپرس را در پست ها و صفحات اضافه کنید
  15. افزودن پیوندهای NoFollow در منوهای پیمایش وردپرس

1. شروع با منوهای پیمایش وردپرس h4>

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

Navigation menu

وردپرس دارای ابزاری داخلی است که به شما امکان می دهد در وب سایت خود منو ایجاد و استفاده کنید. این ابزار در صفحه Appearance »Menus در وردپرس شما قرار دارد منطقه مدیر .

Creating and managing navigation menus in WordPress

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

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

2. نمادهای رسانه اجتماعی را به منوهای وردپرس h4> اضافه کنید

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

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

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

Adding social menus

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

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

برای جزئیات بیشتر به راهنمای ما مراجعه کنید در نحوه افزودن آیکون های رسانه های اجتماعی به منوهای وردپرس .

3. نمایش منوهای مختلف برای ورود کاربران در وردپرس h4>

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

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

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

تابع my_wp_nav_menu_args ($ args = "") {

if (is_user_logged_in ()) {
$ args ['menu'] = 'ورود به سیستم'؛
} دیگری {
$ args ['menu'] = 'از سیستم خارج شده'؛
}
بازگرداندن $ args؛
}
افزودن_فیلتر ('wp_nav_menu_args' ، 'my_wp_nav_menu_args')؛

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

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

4. منطق مشروط را به منوهای پیمایش h4> اضافه کنید

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

ابتدا باید If Menu را نصب و فعال کنید پلاگین

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

Conditional logic option for a menu item

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

برای جزئیات بیشتر به مقاله ما در نحوه افزودن منطق شرطی به منوهای وردپرس .

5. سبک دهی به منوهای پیمایش وردپرس h4>

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

ساده ترین راه برای انجام این کار استفاده از پلاگین CSS Hero . این یک افزونه برتر وردپرس است که به شما امکان می دهد بدون نوشتن یک خط کد ، هر تم وردپرس را شخصی سازی کنید (بدون HTML یا CSS لازم است). به برای کسب اطلاعات بیشتر مرور CSS Hero .

همچنین می توانید با نوشتن دستی CSS ، منوهای پیمایش خود را سبک کنید. برای دستورالعمل های دقیق ، به راهنمای ما در نحوه سبک کردن منوهای پیمایش وردپرس .

6. نمادهای تصویر را با منوهای پیمایش در وردپرس h4> اضافه کنید

Image icons in navigation menus

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

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

Adding image to a menu item in WordPress

همچنین می توانید از CSS برای افزودن نمادهای تصویر استفاده کنید. برای دستورالعمل های دقیق ، به راهنمای ما در مورد چگونگی افزودن نمادهای تصویر با منوهای ناوبری در وردپرس .

7. منوهای پیمایش سفارشی را در وردپرس h4> اضافه کنید

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

ابتدا باید منوی ناوبری جدید خود را با افزودن این کد به موضوع خود فایل توابع. php.

تابع wpb_custom_new_menu () {
  Register_nav_menu ('my-custom-menu'، __ ('My custom menu)))؛
}
add_action ('init' ، 'wpb_custom_new_menu')؛

این کد “منوی سفارشی من” را برای موضوع شما ایجاد می کند. این را می توانید با ویرایش یک منو در صفحه ظاهر »منوها مشاهده کنید.

Theme location for your custom menu

برای نمایش منوی سفارشی خود ، باید این کد را به موضوعی که می خواهید منو در آن نمایش داده شود اضافه کنید.

 'منوی سفارشی من' ،
    'container_class' => 'custom-menu-class')))؛
؟>

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

8. منوی اسلاید پنل را در مضامین وردپرس h4> اضافه کنید

A slide panel navigation menu in WordPress

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

اما برای افزودن آنها به درک سطح متوسطی از جاوا اسکریپت ، مضامین وردپرس و CSS نیاز دارید.

برای دستورالعمل های گام به گام ، به راهنمای ما در مورد نحوه اضافه کردن عنوان منوی پانل اسلاید در مضامین وردپرس .

9. ایجاد یک منوی آماده وردپرس آماده برای موبایل h4>

Mobile responsive navigation menu in WordPress

اکثر مضامین وردپرس پاسخگو هستند و با منوهای ناوبری آماده برای موبایل همراه هستند. با این حال ، اگر طرح زمینه منوها به خوبی در دستگاه های تلفن همراه اداره نمی شود ، بر تجربه کاربر در دستگاه های تلفن همراه تأثیر می گذارد.

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

ابتدا باید Responsive را نصب و فعال کنید. افزونه منو .

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

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

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

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

10. یک منوی پاسخگو در تمام صفحه در وردپرس h4> اضافه کنید

Fullscreen responsive menu in WordPress

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

ابتدا باید DC – منوی پاسخگو تمام صفحه . پس از فعال سازی ، برای پیکربندی تنظیمات افزونه باید به صفحه Appearance »DC Fullscreen Menu بروید.

Fullscreen menu settings

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

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

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

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

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

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

این لیستی از کادرها و گزینه هایی را نشان می دهد که می توانید فعال کنید. باید کادر کنار Description را علامت بزنید.

Enabling description field for navigation menus in WordPress

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

Description field added to menu items

توضیحات خود را اضافه کنید و روی دکمه ذخیره منو کلیک کنید.

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

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

Displaying blog topics in WordPress navigation menu

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

آنچه در واقع به آن نیاز دارید دسته ها است. دسته ها و برچسب ها در طبقه بندی های وردپرس ساخته شده است که به شما امکان می دهد محتوا را به موضوعات مرتبط مرتب کنید.

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

Adding categories to navigation menus in WordPress

برای جزئیات بیشتر ، به مقاله ما در مورد چگونگی افزودن موضوعات در منوهای پیمایش وردپرس .

13. نحوه افزودن منوهای پیمایش در نوار کناری وردپرس h4>

تم های وردپرس معمولاً دارای منوهای ناوبری در بالا یا پایین هستند. با این حال ، شما همچنین می توانید منوها را در نوار کناری وردپرس خود ایجاد و اضافه کنید.

به سادگی از صفحه Appearance »ابزارک ها بازدید کنید و ابزارک« Custom Menu »را به نوار کناری خود اضافه کنید. برای دستورالعمل های دقیق ، به راهنمای ما در نحوه افزودن و استفاده از ابزارک در وردپرس .

Adding navigation menu to sidebar widget

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

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

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

[listmenu menu = "Your Menu Name"]

فراموش نکنید که “نام منوی شما” را با نام منوی پیمایش خود جایگزین کنید. پست خود را ذخیره یا منتشر کنید و سپس بر روی دکمه پیش نمایش کلیک کنید.

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

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

بسیاری از کارشناسان جستجوگرها توصیه می کنند ویژگی rel = “nofollow” را به پیوندهای خارجی اضافه کنند. در اینجا نحوه افزودن ویژگی nofollow به پیوندها در منوهای ناوبری وردپرس وجود دارد.

ابتدا باید از صفحه Appearance »Menus بازدید کرده و سپس بر روی دکمه Screen Options در گوشه سمت راست بالای صفحه کلیک کنید.

Check target and link relationship boxes in Screen Options

با این کار منویی پایین می آید که باید کادرهای کنار گزینه Link Relationship (XFN) و Link Target را علامت بزنید.

اکنون روی مورد منویی که می خواهید ویرایش کنید کلیک کنید. دو گزینه جدید ، Link Relationship و Open link را در یک پنجره / برگه جدید مشاهده خواهید کرد.

Adding nofollow to a menu item

شما باید nofollow را در گزینه ارتباط پیوند وارد کنید. در صورت تمایل می توانید پیوند باز را در گزینه پنجره / برگه جدید بررسی کنید.

برای ذخیره تغییرات خود بر روی دکمه ذخیره منو کلیک کنید. اکنون این پیوند خاص در فهرست پیمایش وردپرس شما دارای ویژگی rel = “nofollow” خواهد بود.

برای دستورالعمل های دقیق تر ، به آموزش ما در مورد چگونگی افزودن پیوندهای nofollow در منوهای پیمایش وردپرس .

امیدواریم این مقاله در یافتن بهترین آموزشها برای تسلط بر منوهای پیمایش وردپرس کمک کرده باشد. همچنین ممکن است بخواهید لیست ما را ببینید 24 باید دارای افزونه های وردپرس برای وب سایت های تجاری باشند .

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/showcase/best-tutorials-to-master-wordpress-navigation-menus/.

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