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

مانند دیگر تنظیمات قالب برای فعال سازی فهرست ها هم به سراغ فایل functions.php قالب خودمون میریم. حال در مکانی مناسب از این فایل مثلا آخر اون پیش از ؟> دستور زیر رو قرار میدیم:

function register_my_menus() {
register_nav_menus(
array(

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

'id' => __( 'Name Menu' ),

به جای id یک شماره یا چند حرف لاتین که معرف پوسته هست رو وارد می کنیم و به جای Name Menu یک عنوان فارسی برای فهرست. به مثال زیر توجه کنید:

'header-menu' => __( 'فهرست سربرگ' ),
'extra-menu' => __( 'فهرست اضافی' )

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

)
);
}
add_action( 'init', 'register_my_menus' );

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

<?php wp_nav_menu( array( 'theme_location' => 'id' ) ); ?>

شما می بایست به جای id اعداد یا حروفی که معرف فهرست هستند رو قرار میدیم. مثلا header-menu. به همین سادگی امکان پشتیبانی از فهرست ها رو به قالب خودمون اضافه کردیم.

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

<ul>

<li><a href="http://wpnegar.ir"> فهرست </a> </li>


<li><a href="http://wpnegar.ir"> فهرست </a> </li>


<li><a href="http://wpnegar.ir"> فهرست </a> </li>

</ul>