Для того чтобы работать с интернет-шаблонами мало уметь правильно расставлять содержимое по странице и оформлять его разными цветами. Обязательным является знание языка разметки гипертекстовых страниц HTML, наличие навыков работы с каскадными таблицами стилей CSS, умение подстраивать странички для отображения в разных интернет-браузерах.

К тому же разработкой большого интернет-сайта занимается большая команда людей которые зависят друг от друга и каждый из них видит сайт по-своему. Поэтому часто возникают ситуации когда проектировщики создают шаблоны которыми очень трудно пользоваться дизайнерам.
Для решения этой проблемы достаточно использовать стандартные решения доступные в Joomla. В ней реализовано переопределение содержимого создаваемых страниц, при том, что не требуется изменять код скриптов страницы. Например, используя шаблон Beez можно настроить его версии XHTML и HTML5 под требуемую разметку с использованием переопределения.
Также существует возможность изменения внешнего вида сайта с помощью функции Стили шаблонов. Эта функция позволяет настроить шапку страниц, задать необходимую цветовую гамму, настроить размеры и т.д.
Давайте рассмотрим процесс создания собственного стиля оформления страниц. Для этого возьмем уже существующий стиль beez2 и изменим некоторые его параметры.
В административном разделе-пункт меню Расширения-Менеджер шаблонов-Стили-Beez2-default внесем изменения: в поле название стиля – Beez2-cocoate; в поле логотип – очистить; в поле название сайта – Joomla!; в поле описание сайта – консультации, инструктирование, преподавание; в поле цвет шаблона – Nature.
Нажмите кнопку сохранить как копию. Если кнопка не работает, то вероятно вы используете очень старый браузер. Скачайте и установите что-нибудь современное. Например, Мазила лежит на этом ресурсе.
В результате стиль по умолчанию будет изменен.
С помощью функции привязка к меню любые измененные и базовые стили можно назначить различным разделам сайта.

 

Окно изменения настроек стиля по умолчанию

Вид главной страницы сайта после изменения стиля

Данные действия по созданию стиля путем изменения уже существующего являются наиболее простыми.

Модернизация существующего шаблона

Используя менеджер шаблонов в Joomla можно изменять каскадные таблицы стилей любого из существующих шаблонов. Если Вы хотите модернизировать таблицы стиля Beez2, то в разделе администрирования необходимо выбрать пункт меню Расширения-Менеджер шаблонов-Шаблоны-Параметры Beez20. Вам будет предложен перечень ссылок на файлы для внесения изменений.

Перечень ссылок на файлы шаблона

Перечисленные файлы располагаются в папке templates/название_шаблона/css. При нажатии на любую из ссылок открывается новое окно редактора CodeMirror позволяющее вносить изменения в документ. Помимо изменений CSS в окне можно изменить файлы сценария языка PHP: основной файл, файл содержащий сообщения об ошибках, файл для печатных версий страниц сайта.
Также файлы подлежащие редактированию размещаются по адресу /templates/название_шаблона/html. Однако эти файлы недоступны из административного раздела.

Переопределения

Допустим Вы хотите внести изменения в вид или структуру страницы содержащей в себе результаты поиска данных по сайту. В базовых настройках используется макет с именем default.php. Путь его размещения /components/com_search/views/search/tmpl/. Если мы внесем изменения в этот файл то страница результатов будет выглядеть по другому. Добавим в строчку №12 текст: <strong>Вот мои изменения :)</strong>

Результат изменений макета

Однако, если вы обновите CMS то изменения внесенные Вами будут утеряны.
Другим способом достичь полученного результата является переопределение в шаблоне. Для этого необходимо в каталоге templates/
папка_активного_шаблона/html/ создать новый каталог с именем com_search, а внутри него – каталог search. Изменения в файл макета будут сохраняться в указанной папке.

Работа с шаблонами в Joomla. Часть 2.