Рубрика: Меню

Как выделить цветом отдельные символы в ссылках меню?

| 5 комментариев

В закладки

Если вы хотите как-нибудь украсить ссылки в меню (например, выделить один из символов цветом - как на скриншоте), то вам вовсе не обязательно использовать какие-либо замысловатые css3-техники. На самом деле, меню в WordPress позволяет использовать html-теги, поэтому раскраска отдельных символов делается так:

Главна<span style="color:red;">я</span>
Рубрик<span style="color:red;">и</span>
Страниц<span style="color:red;">ы</span>
Ссылк<span style="color:red;">и</span>

Примитивно? Да. Но зато превосходно работает и не требует правки css-стилей.

Как добавить в произвольное меню поиск или дату?

| Нет комментариев

В закладки

Я уже описывал сниппет, добавляющий в произвольное меню ссылку на авторизацию. Однако, в это меню можно добавить и совсем посторонние вещи, а не только ссылки. Например, в произвольное меню можно встроить поиск или вывести дату. Для этого вам необходимо добавить в файл functions.php вашей темы следующий код:

//добавление поиска в произвольное меню start
function wph_search_in_menu($items, $args) { 
    if ($args->theme_location == 'primary') {
        $url = get_bloginfo('url');
        return $items."<li class='menu-header-search'>
        <form action='{$url}' id='searchform' method='get'>
        <input type='text' name='s' id='s' placeholder='Поиск'/></form></li>";
    }
    return $items; 
}
add_filter('wp_nav_menu_items', 'wph_search_in_menu', 10, 2);
//добавление поиска в произвольное меню end