Как добавить уникальный класс в якорь в Wordpress?

я это function:Как добавить уникальный класс в якорь в Wordpress?

function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) { 
    // you can put your if statements in here (use item, depth and args in conditions) 
    $item_output = preg_replace('/<a /', '<a class="your-class" ', $item_output, 1); 
    return $item_output; 
} 
add_filter('walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4);

Который работает нормально, потому что установка класс на все мои anchors в меню. Проблема в том, что он устанавливает один и тот же класс на всех якорях. Я хочу разные классы на якорь. Это возможно? Если да, то как я могу это сделать?

Edit -> Я хочу, чтобы это так:

<li><a class="icon-bird"></a></li> 
<li><a class="icon-book"></a></li> 
<li><a class="icon-red"></a></li>

источник

2013-07-29 user1770896

Если все классы должны быть уникальными, используйте 'id' атрибут вместо:'

' –

Я использую значок-шрифты, поэтому он должен быть классом .... Если добавить определенный класс , он добавляет значок перед якорем, поэтому я использую классы. – user1770896

Предполагая, что $item содержит ваши ценности (птицы, книги, красный, и т.д.):

function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) { 
    $item_output = preg_replace('/<a /', '<a class="item-' . $item . '"', $item_output, 1); 
    return $item_output; 
} 
add_filter('walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4);

источник

2013-07-29 14:59:35

Спасибо, но разве это не добавляет тот же класс на всех этих якорях? Где я могу выбрать второй и третий якорь, чтобы поставить другой класс? – user1770896

Мне кажется, что 'my_walker_nav_menu_start_el' вызывается для каждого элемента в коллекции, который является внешним по отношению к коду, который вы предоставили. Сама функция не создает сразу все ваши пункты меню, а вместо этого создает один для каждого вызова. –

Это правда ... Но как мы можем это сделать? Можете ли вы мне помочь? Это единственное, что у меня есть. – user1770896

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

вы можете выполнить следующие шаги:

Шаг 1: В wp-admin перейдите к Внешний вид -> Меню, поместите класс в пункт меню здесь «CSS-классы (необязательно)». Если вы не видите «CSS-классы (необязательно)» в элементе меню, в правой верхней части экрана есть «Экранная опция», и в разделе «Показать расширенные свойства меню» есть опции «CSS-класс»,.

Шаг 2: Под вашим им папке/function.php добавить ниже код:

function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) { 
    $class= $item->classes['0']; 
    $item_output = preg_replace('/<a /', '<a class="'.$class.'"', $item_output, 1); 
    return $item_output; 
} 
add_filter('walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4);

Надежда выше код работает для вас, дайте мне знать, если до сих пор не работает.

источник

2015-03-29 22:22:16

Как добавить уникальный класс в якорь в Wordpress?

ответ

Смежные вопросы