نحوه اضافه کردن منو ناوبری

دوشنبه 7 نوامبر 16

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

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

چه زمانی شما نیاز به اضافه کردن منو سفارشی در قالب وردپرس دارید؟

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

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

منوهای ناوبری یکی از ویژگی های تم وردپرس است.
برای اضافه کردن یک منو ناوبری سفارشی، اولین چیزی که شما باید انجام دهید این است که ثبت نام منوی ناوبری جدید خود را با اضافه کردن این کد به فایل functions.php انجام دهید:

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

شما میتوانید به منوی مدیریت سایت خود بروید و به قسمت  Appearance » Menus بروید و یک منوی جدید بسازید یت آن را ویرایش کنید.شما میتوانید گزینه “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' );

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

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

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

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

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

div.custom-menu-class ul { list-style-type: none; list-style: none; list-style-image: none; } div.custom-menu-class li { padding: 20px; display: inline; }

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

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

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

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

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

برای مشاهده مقالات بیشتر در ضمینه طراحی قالب وردپرس به https://www.on5.ir  مراجه کنید

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب