Продолжаем оформлять наш сайт на Joomla. В сегодняшней статье поговорим о замечательном компоненте JComments, который предназначен для комментирования материалов сайта. Он очень популярный, но на большинстве сайтов он выглядит «шаблонно», т.е. в таком виде, каким его сделали разработчики.
После того, как компонент установлен и настроен, у статей появляется две ссылки «Читать полностью» (или «Подробнее…») и «Добавить комментарий». Вот эти две кнопки мы и будет приводит к тому виду, который нам нужен.
Чтобы добиться этого нам необходимо привести ссылки к виду:
<a class="readmore-link" href="#"><span>Читать полностью</span></a> <a class="comments-link" href="#"><span>Комментировать</span></a> |
Т.е. просто добавить в ссылку элемент span. Для этого придется изменить всего лишь один файл: www/components/com_jcomments/tpl/default/tpl_links.php.
Открываем его и редактируем следующие строки:
~56 строка
return '<a class="' . $css . '" title="' . $title . '" href="'. $link .'">' . $text . '</a>'; |
добавляем span:
return '<a class="' . $css . '" title="' . $title . '" href="'. $link .'"><span>' . $text . '</span></a>'; |
~76 строка, показываю сразу измененную строку, с добавленным элементом span
return '<a class="' . $css . '" href="' . $link . '#addcomments"><span>' . JText::_('Add comment') . '</span></a>'; |
~98 строка, тоже измененная строка:
return '<a class="' . $css . '" href="' . $link . '#comments"><span>' . $text . '</span></a>'; |
И осталось только оформить ссылки, прописав новые правила в css. Как это сделать я писал в этой статье.
Оформление JComments: 0 комментариев