×
خانه » آموزش رایگان وردپرس » ساخت توضیحات منو برای فهرست وردپرس
دیدگاه ها

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

توضیحات منو

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

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

اولین مرحله از ایجاد توضیحات منو این است که این ویزگی را به قالبمان معرفی کنیم . برای اینکار به هاست رفته و فایل 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 ) ); ?>

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

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

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

دیدگاه ها

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

محمد بنادری
07 سپتامبر 2019 آموزش رایگان وردپرس
مشاوره رایگان

مطالب مرتبط

آخرین محصولات

قالب شرکتی ایرانی day
محمد بنادری
۵۰ هزار تومان
آموزش تصویری وردپرس
محمد بنادری
رایگان
قالب فروش فایل زرین
محمد بنادری
۶۰ هزار تومان
آموزش ویژوال کامپوزر | آموزش Visual Composer
محمد بنادری
60 هزار تومان
تمامی حقوق برای حل شو محفوظ است