Подробности

Как изменить заголовки Joomla

 

И это снова Crazy. Сегодня я хочу рассказать Вам о парочке хитрых правок в Joomla, с помощью которых Вы сможете настроить свой сайт чуть более правильней. Например, Вы знали, что названия статей Joomla по умолчанию оборачивает в тег H2, вместо нужного нам тега H1?

Вот о таких правочках и пойдет сегодня речь.

Веб-инспектор в FireFox

Для начала, я расскажу Вам о полезнейшем инструменте при разработке сайта, который входит в комплект браузера Firefox. Я говорю о веб-инспекторе. Найти его можно двумя способами:

  1. Через меню Инструменты - Веб-разработка - Веб-инспектор.
  2. Через правую кнопку мыши. Просто кликнете на страничке ПКМ и выберите "Исследовать элемент".

Это облегченная версия популярного дополнения - FireBug. Лично я не нахожу в нем ничего полезного, потому что все это имею в стандартном веб-инспекторе.

Вот, как выглядит тот самый веб-инспектор:

Окно веб-инспектора

Как видите, помимо основного окна есть еще и вкладки, например, такая важная функция как "Редактор стилей". Там Вы можете дописывать или менять стили элементов, не меняя при этом исходный файл css. Это очень удобно, когда еще не знаешь, чего хочешь, и эксперементируешь :)

Ну вот. С помощью этого веб-инспектора Вы можете проверить мое утверждение про заголовки статей.

Кстати, прошу заметить, что H1 нужен при условии, что мы уже на странице статьи. А, например, в блоге категорий нужно, чтобы названия статей имели заголовок в теге H2.

Меняем заголовок статей на H1

За отображение контента на Вашем сайте отвечает компонент com_content. Соответственно, и все правки мы будем вносить именно там:

  • подключитесь к серверу через FTP или же воспользуйтесь панелью управления хостингом.
  • пройдите по пути
    /ВАШ_САЙТ.ru/templates/allrounder-j1.6/html/com_content/

Итак, чтобы обернуть заголовок статьи в тег H1, идем дальше, в

/ВАШ_САЙТ.ru/templates/allrounder-j1.6/html/com_content/article/default.php

Этот файл отвечает за формирование вида страницы. Найдите кусочек кода, который отвечает за формирование заголовка:

<?php if ($params->get('show_title')) : ?>
	<h2 class="contentheading">
	<?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
		<a href="/<?php echo $this->item->readmore_link; ?>">
		<?php echo $this->escape($this->item->title); ?></a>
	<?php else : ?>
		<?php echo $this->escape($this->item->title); ?>
	<?php endif; ?>
	</h2>
<?php endif; ?>

Замените тег h2 на h1, сохраните файл, очистите кеш и обновите страницу. Теперь у Ваших страниц правильный заголовок :)

Меняем заголовок статей в блоге категорий

Остаемся в папке com_content, но теперь вместо папки article заходим в папку category и открываем файл blog_item.php

Этот файл отвечает за формирование страницы типа "Блог категории". Находим строки:

<?php if ($params->get('show_title')) : ?>
	<h1 class="contentheading">
		<?php if ($params->get('link_titles') && $params->get('access-view')) : ?>
			<a href="/<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>">
			<?php echo $this->escape($this->item->title); ?></a>
		<?php else : ?>
			<?php echo $this->escape($this->item->title); ?>
		<?php endif; ?>
	</h1>
<?php endif; ?>

И меняем теги h1 на h2.

Вот и все :) Теперь у Вас правильная структура страницы.

Замена заголовков в модуле "Категории"

В джумле есть один удобный модуль - "Категории". он выводит в указанном месте категории материалов. Как у меня, например:

Модуль "Категории"

Всем хорош модуль, но есть одно нехорошее НО. В настройках можно выбрать, в каком теге выводить названия категорий, а на выбор только теги h1-h6. Ну и зачем же нам такая песня?

Немного порывшись, я нашла, как это исправить:

  • идем по адресу
    www/ВАШ_САЙТ.ru/modules/mod_articles_categories
  • открываем xml файл настроек mod_articles_categories.xml
  • находим строки
    <option value="1">JH1</option>
    				<option value="2">JH2</option>
    				<option value="3">JH3</option>
    				<option value="4">JH4</option>
    				<option value="5">JH5</option>
  • и дописываем, например, такую

    <option value="7">текст</option>

    Теперь у Вас модуль категорий аккуратненько выглядят и имеют заголовок аж H7, что намного лучше.

You have no rights to post comments