ساخت توضیحات منو برای فهرست وردپرس

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

توجه داشته باشید که قبل از هر تغییری در قالب حتما از آن یک نسخه پشتیبان تهیه کرده و آن را ذخیره کنید

مرحله اول : معرفی توضیحات منو به قالب

اولین مرحله از ایجاد توضیحات منو این است که این ویزگی را به قالبمان معرفی کنیم . برای اینکار به هاست رفته و فایل functions.phpرا باز میکنیم . سپس کد زیر را انتهای آن قرار میدهیم

class Menu_With_Description extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
         
        $class_names = $value = '';
 
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
 
        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
        $class_names = ' class="' . esc_attr( $class_names ) . '"';
 
        $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';
 
        $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
        $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
        $attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';
 
        $item_output = $args->before;
        $item_output .= '<a'. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '<br /><span class="sub">' . $item->description . '</span>';
        $item_output .= '</a>';
        $item_output .= $args->after;
 
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }
}

بعد از قرار دادن کد فایل را حتما ذخیره کنید

مرحله دوم : نمایش توضیحات در قالب

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

به همین دلیل فایل header.php قالب را باز کرده و سپس کد زیر را درون ان قرار میدهیم

<?php $walker = new Menu_With_Description; ?>
 
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'walker' => $walker ) ); ?>

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

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

مطالعه شود : افزودن منو دلخواه به پنل مدیریت