DEMETR Создание сайтов в Казани

Опубликовано

Оформление JComments

Оформление JCommentsПродолжаем оформлять наш сайт на Joomla. В сегодняшней статье поговорим о замечательном компоненте JComments, который предназначен для комментирования материалов сайта. Он очень популярный, но на большинстве сайтов он выглядит «шаблонно», т.е. в таком виде, каким его сделали разработчики.

После того, как компонент установлен и настроен, у статей появляется две ссылки «Читать полностью» (или «Подробнее…») и «Добавить комментарий». Вот эти две кнопки мы и будет приводит к тому виду, который нам нужен.

Оформление 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 комментариев