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

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

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

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

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

 

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

 

چه زمانی به این آموزش منوی ناوبری وردپرس نیاز دارید؟

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

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

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

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

ما در این مقاله موضوعات زیر را پوشش خواهیم داد:

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

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

ایجاد منوهای ناوبری سفارشی در قالب وردپرس

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

برای افزودن منوی پیمایش سفارشی ، اولین کاری که شما باید انجام دهید این است که با اضافه کردن این کد به پرونده های function.php قالب خود ، فهرست جدید ناوبری خود را ثبت کنید.

function wpb_custom_new_menu() {
  register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' ); 

اکنون می توانید به صفحه ” نمایش » منوها ” در پیشخوان وردپرس خود بروید و سعی کنید یک منوی جدید ایجاد یا ویرایش کنید. گزینه “My Custom Menu” را به عنوان گزینه مکان مشاهده خواهید کرد.

 

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

 

اگر می خواهید بیش از یک مکان از فهرست جدید ناوبری اضافه کنید ، باید از کدی مانند این استفاده کنید:

 function wpb_custom_new_menu() {
  register_nav_menus(
    array(
      'my-custom-menu' => __( 'My Custom Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}
add_action( 'init', 'wpb_custom_new_menu' );

 

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

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

نمایش منوهای ناوبری سفارشی در قالب وردپرس

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

با این وجود ، می توانید منوی ناوبری خود را در هر مکانی که می خواهید اضافه کنید.

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

<?php wp_nav_menu( array( 'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?> 

” theme location ” نامی است که در مرحله قبل انتخاب کردیم.

کلاس کانتینر , کلاس CSS است که به منوی ناوبری شما اضافه می شود. فهرست شما به عنوان یک لیست بولت ساده در وب سایت شما ظاهر می شود.

 

نمایش منو
نمایش منو

 

می توانید از کلاس CSS .custom_menu_class استفاده کنید تا منوهای خود را استایل دهی کنید. در اینجا نمونه CSS برای کمک به شما در شروع کار آمده است:

 div.custom-menu-class ul {
    margin:20px 0px 20px 0px;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    text-align:right;
}
div.custom-menu-class li {
    padding: 0px 20px 0px 0px;
    display: inline;
} 
div.custom-menu-class a { 
    color:#FFFFFF;
}

 

استایل دهی به منو
استایل دهی به منو

 

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

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

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

توصیه می کنیم از Beaver Builder استفاده کنید که بهترین سازنده صفحه وردپرس در دنیا است. این امکان را به شما می دهد تا با استفاده از ابزارهای ساده و کشیدن و رها کردن (بدون نیاز به کد نویسی) هر نوع طرح بندی صفحه ایجاد کنید.

این همچنین شامل اضافه کردن یک منوی ناوبری سفارشی به طرح صفحه شما است.

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

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

 

نمایش منو با استفاده از صفحه ساز
نمایش منو با استفاده از صفحه ساز

 

اگر این یک صفحه جدید است ، می توانید از یکی از قالب های آماده استفاده شده توسط Beaver Builder استفاده کنید. همچنین می توانید صفحه خروجی خود را فوراً ویرایش کنید.

 

افزودن قالب دلخواه
افزودن قالب دلخواه

 

در مرحله بعد ، شما باید ماژول منو را اضافه کرده و آن را در صفحه خود بکشید و به محلی که می خواهید منو را نمایش دهید ، رها کنید.

 

افزودن ماژول منو
افزودن ماژول منو

 

این تنظیمات ماژول منو را در یک پنجره به وجود می آورد. ابتدا باید منوی ناوبری مورد نظر خود را انتخاب کنید. همیشه می توانید با مراجعه به ” نمایش » فهرست ها ” در قسمت پیشخوان وردپرس ، منوهای جدید ایجاد کرده یا یک منوی موجود را ویرایش کنید.

 

تنظیمات ماژول
تنظیمات ماژول

 

می توانید تنظیمات دیگر را نیز مرور کنید. Beaver Builder به شما امکان می دهد رنگ ها ، پس زمینه و دیگر ویژگی های استایل دلخواه را برای منو انتخاب کنید.

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

 

استالی دهی به منو با صفحه ساز
استالی دهی به منو با صفحه ساز

 

ایجاد منوهای ریسپانسیو یا واکنشگرا برای موبایل در وردپرس

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

 

ساخت منوی ریسپانسیو در موبایل
ساخت منوی ریسپانسیو در موبایل

 

می توانید یک اثر کشویی (در بالا) ، اثر کشویی و حتی یک اثر ضامن برای منوهای تلفن همراه اضافه کنید.

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

با منوی ناوبری وردپرس کارهای بیشتری انجام دهید

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

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

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

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

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