Как использовать WordPress Дополнительные параметры меню

WordPress Дополнительные параметры меню скрыты параметры в разделе меню, которые могут сделать огромную разницу в вашем блоге, если вы знаете, как использовать их.

A+ A-

В WordPress версии 3.0 называется "меню Update", были некоторые изящные вещи, добавленные в список опций меню, но лишь немногие из нас использует их. Причина этого заключается в том, потому что они должны быть активированы. Эти параметры не отображаются по умолчанию, нам нужно активировать. Но если мы используем эти варианты мы можем сделать много интересных вещей, чтобы сделать наши блоги, веб-сайты более уникальным.

WordPress Дополнительные параметры меню

Как активировать настройки WordPress меню Advanced

Чтобы активировать эти параметры, перейдите в панель управления WordPress затем внешний вид -> Меню. Когда вы находитесь в меню опций искать кнопки называется, параметры экрана, он должен быть в правом верхнем углу экрана. При нажатии на нее должен появиться в следующем.

Параметры экрана меню WordPress

После этого вы можете активировать те, которые вы хотели бы. После того, как вы активировали их, когда вы добавляете новый пункт меню или изменить один, то для вас варианты должны выглядеть следующим образом:

Параметры WordPress Меню Скриншот

Link Target

Первый вариант "целевой Ссылка" это говорит само за себя. С помощью этой опции вы можете изменить, как ссылки в меню открыто. Если вы Tic флажок в, если вы нажмете на ссылку меню, оно откроется в новой вкладке в вашем браузере.

CSS классы

С помощью этой опции вы можете добавлять пользовательские классы CSS для каждой из ссылок меню. И с этим вы можете стилизовать каждую ссылку меню отдельно. Если вы знаете немного CSS возможности безграничны. Например: название нашего пункта меню Dev и мы добавим следующий стиль к нему:

.dev {
background:#efefef;
}

Мы должны получить что-то вроде этого:

WordPress Меню Пользовательские CSS

Ссылка Отношения

Ссылка Связь используется, чтобы сделать отношения между ссылками и веб-сайтов проще. Вы можете определить его как "друга", "NoFollow" или то, что вы хотели бы. Этот вариант является наиболее полезным, когда речь идет о обратных ссылок. Используя этот метод, поисковые системы могут понять взаимосвязь между веб-сайтов, связанных друг с другом с помощью обратных ссылок.

Описание

Вы можете добавлять описания к любому из меню ссылок с помощью этой опции. Благодаря не многим темам поддерживают это. Но вы можете добавить эту опцию, так что ваша тема будет отображаться описание каждой ссылки меню, если он устанавливается созданный сценарий ходок затем осуществлять его в регистрации меню.

Сценарий ходок

Откройте functions.php вашей темы и добавьте следующий код в нижней части:

class My_Walker 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 = '';
 
        $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 .= '<span>' . $item->description . '</span>';
        $item_output .= '</a>';
        $item_output .= $args->after;
 
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }
}
?>

Добавьте новый скрипт ходок в меню. Это не в вашем functions.php, вы можете найти код , в котором отображается меню вы.

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

Вывод

В обновлениях WordPress, они добавляют много новых интересных функций для нас использовать. Так почему бы не играть на них внимание? Многие люди не знали об этих возможностях, потому что они скрыты и требуют один щелчок мыши, чтобы показать. Перечисленные выше варианты могут иметь огромное значение в вашем блоге.

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии