Как сократить длину хлебных крошек?

Question

[Pr-Dmitriy]

Приветствую.

Использую плагин Breadcrumb NavXT. На страницах рубрик добавляются навигационные тексты. Название рубрики выводится в h1. Проблема в том, что h1 длинные, и в хлебных крошках (%htitle%) смотрится не очень, особенно, когда вложенная структура рубрик.

Подскажите, как сделать так, чтобы отображалась только часть текста в структуре? Допустим, только первые 20-30 символов из названия категорий и на конце ...

Answer 1

[Pr-Dmitriy]

Или может можно отдельное название для вывода его в хлебных крошках задавать?

Comments

[Сергей Горячев]

Это самое правильное и разумное решение.
Крошки должны быть адекватными и легко воспринимаемыми.
1) Главная - Категория - Подкатегория - Материал

У меня на сайте выводится например.
2) Главная - В добрые руки - Кошки - Анфиса

А по факту H1 имеют следующие параметры.
3) Главная - Животные в добрые руки - Кошки ищут свой дом - Анфиса, девочка, 1.5 года, привита

Вывод других названий и крошки смотрится лучше, п.2.

Answer 2

[lagudal]

несколько длинный вопрос, если надо тупо уменьшить длину то можно просто c ccs все решить.
У меня недавно стояла задача, немного сложнее, сделать различное поведение для различных экранов. Для больших - полный вывод, для средних - свернуть и развернуть по ховер, для тауч - где ховера нет - по клику. В моем случае без js не обойтись,
получилось вот так - https://codepen.io/lagudal/pen/oaqdMK
(без учета экранов, только для моб)
Вот так было на чистом css, если вам развертывание по ховер не надо, просто удалите стили для hover.
https://codepen.io/lagudal/pen/LgZzbO
Конечно у вас может быть немного по другому, но принцип тот же... ну и вы не показываете как у вас, а самим искать смотреть как что и каким образом выводит вордпресс плагин не интересно.