Joomla метки в одну строку

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

Joomla метки

Чтобы ответить на этот вопрос, необходимо понять, каким образом метки выводятся в материалах. Здесь под материалами подразумеваются отдельные статьи, разделы, категории и пр. В общем все, кроме вывода самого списка меток, например, в каком-то отдельном модуле. Если метки отображаются в виде li-списка, можно просто изменить CSS-свойства li-списка в шаблоне. Однако, этот метод может иметь и свои негативные последствия. Смотрите…

Дело в том, что на сайте Joomla, в принципе, как и на других сайтах, различные элементы могут выводится в виде списков, а именно li-списков. Как правило, свойства li прописываются один раз и могут быть использованы разными элементами: метки, пункты меню, а также другие, например, список стран, городов. Поэтому, если в стиль шаблона внести подобные изменения, они коснутся всех элементов, которым назначено свойство li-списка.

Чтобы узнать каким образом отображаются метки в Joomla, достаточно открыть консоль JavaScript прямо из браузера на сайте и найти там соответствующий код. В данном случае, например, код будет напоминать что-то вроде

1
<ul class="tags inline">, <li class="tag-7 tag-list0" itemprop="keywords" style="display: inline-block;">

в каждом случае по-разному.

Как уже было выше сказано, если внести изменения в css-файл, отвечающий за свойства li-списка, такие изменения коснутся всех элементов, связанных с этим свойством. Поэтому, чтобы вывести несколько меток в одну строку, при этом не затрагивая другие элементы сайта, сделаем это в самом шаблоне.

Joomla метки материала в одну строку

Для того, чтобы сделать метки в материалах Joomla  в одну строку идем по адресу

.../layouts/joomla/content/tags.php

открываем указанный файл tags.php и видим в нем тот самый код, который только что наблюдали из консоли JavaScript. Здесь находим строку

1
<li class="tag-<?php echo $tag->tag_id; ?> tag-list<?php echo $i ?>" itemprop="keywords">

и после

"keywords"

вставляем

1
style="display: inline-block;"

В итоге получаем код вида

1
<li class="tag-<?php echo $tag->tag_id; ?> tag-list<?php echo $i ?>" itemprop="keywords" style="display: inline-block;">

Теперь метки в материалах Joomla отображаются в одну строку. Если необходимо изменить вид меток, можно в этой же строке добавить дополнительные свойства.

Администратор

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Я ознакомлен и принимаю условия использования