Безусловно, метки в 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 отображаются в одну строку. Если необходимо изменить вид меток, можно в этой же строке добавить дополнительные свойства.
