Как изменить внешний вид тега(метки) с помощью шордкода?

Question

[zeni1agent]

Мне необходимо изменит внешний вид определенных (тегов)меток что бы таким образом их сгруппировать
static2.keep4u.ru/2018/11/26/edfc42d46071d6e6cd6.jpg

И я подумал попробовать их редактировать с помощью шордкода

Например
у всех тегов еда: [food]сыр, [food]мясо, [food]соль на выходе вместо [food] цвет меняется на зеленый
или
у всех тегов электроника: [electronics]телевизор, [electronics]утюг на выходе вместо [electronics] углы скругляются
И так далее
Но на выходе шордкод не преобразуется

Можно ли это как нибудь реализовать?

Мне нужны именно теги(метки) а не категорий(рубрики)
поскольку именно под теги(метки) заточена моя тема вордпреса

Answer 1

[Александр Соболев]

можно, как вариант, через jquery ловить аттрибут (food, electronics и прочий random condom) и назначать соответствующий стиль

Comments

[zeni1agent]

Спасибо за идею вроде как работает
$('a:contains("[test]")').css('color', 'red');

Но вы не знаете как удалить само слово [test] из текста
я пробовал
$('a:contains("[test]")').replace('[test]','');
но не помогло

[Александр Соболев]

zeni1agent, мне кажется, что праведнее ловить именно аттрибут, а не часть контента ссылки, тогда Не придется дописывать костыль, убирающий текст.
При ссылке вида <a href="" my_target="food">link_text</a>

jQuery("a").each(function(){
    switch (jQuery(this).attr("my_target")){
    	case 'food': color = 'red'; break;
    	case 'electronics': color = 'green'; break;
    	case 'прочий random condom': color = 'yellow'; break;
    }
    jQuery(this).css('color', color);
});

Для более точного поиска фильтровать ссылки можно по css стилю.
А замена.. попробуйте поставить пробел в ''