Заголовок материала Joomla двух цветов (стилей)

Ранее я писал о том, что нужно сделать, чтобы заголовок модуля одновременно поддавался двум стилям (то есть первое слово в заголовке имеет красный цвет, а все остальные - зелёный или первое слово пишется ПРОПИСНЫМИ буквами, а все последующие – строчными). В общем, тут можно пофантазировать.

И вот недавно наткнулся на похожий вопрос, но только форумчанин просил такое решение уже не для модуля, а для заголовка материала (статьи). Мне стало интересно самому… А, действительно, как это сделать? Ведь такой ход может пригодиться и для своих проектов, это даёт ещё один плюс к дизайнерским штучкам для макетов (шаблонов). Мне кажется, это можно интересно обыграть на сайте.

Итак, приступим.

Я привожу пример на версии Joomla 3.2, но, думаю, здесь и предыдущие версии ничем не отличаются.

  • Для начала в папке шаблона создадим ещё одну директорию «html», если она ещё не создана;
  • Дальше вложим папку «com_content»;
  • В ней создадим ещё одну с названием «article».

Так-с, папку под нужный файл подготовили, теперь пойдём за тем самым файлом, который нам поможет перенастроить отображение заголовка.

  • Идём в корневую папку сайта, а дальше следуем по маршруту: components\com_content\views\article\tmpl;
  • Находим там файл «default.php», копируем его;
  • Теперь вставляем его в директорию «article», которую мы чуть ранее специально для него создали.

С Богом! =)

Заголовок материала Joomla двух цветов (стилей)

  • Открываем данный файл;
  • Находимследующуюстрочку: <?php echo $this->escape($this->item->title); ?>. У меня она под номером 50 между html-тегами заголовка h2.
  • Далее вместо неё вставьте такой код:

<?php $title = $this->escape($this->item->title);

$title = explode(" ",$title,2);

echo '<span class="dualTitle">'.$title[0].'</span>&nbsp;'.$title[1];

?>

Как вы поняли, класс «dualTitle» будет отвечать за стиль первого слова в заголовке статьи.

Удачного применения и интересных вариантов!

Если статья оказалась полезной, расскажите о ней в социальных сетях

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

Залогиниться через свой аккаунт в социальной сети


Защитный код Обновить