Как поменять шаблон в Joomla 3 (Часть 1)

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

видео Как поменять шаблон в Joomla 3 (Часть 1)

"ССР" №11 - Настройка шаблона Joomla. Часть 2 (Как изменить favicon,logo и copyright)

Я использую браузер Chrome, жмем F12 либо щелкаем правой кнопкой мыши на подходящем месте и жмем "Просмотр кода элемента".


Как поменять шаблон в Joomla 3 (Часть 1)

Как видно на рисунке, за задний фон шаблона отвечает тег body со стилем background.

В стилях указан цвет фона #EEE и фоновая картина (путь к ней). Конкретно эти характеристики дают нам фон веб-сайта.

Для их конфигурации необходимо просто поменять эти характеристики (указать новый цвет и путь к новейшей картинке).

Пример:

Все конфигурации выполняются в файле, который указан в панели разработчика, тут это beez5.css, после двоеточия указана строчка в какой необходимо изменять параметр, у нас это 19 строчка.

Путь к файлу можно поглядеть, если навести на заглавие курсором.

Изменять логотип совсем не сложно и для этого есть несколько методов.

Так же, как и в первом методе, наводим курсор на логотип, щелкаем правой кнопкой мыши и жмем Просмотр кода элемента. Все, что нам нужно выяснить, это адресок (путь) к логотипу. Сейчас делаем собственный логотип, даем ему такое же имя (fruits.gif) и просто заменяем на него старенькый логотип.

Этот метод самый легкий, но встречается не во всех шаблонах. Идем в: Менеджер шаблонов - Beez5 (стиль) - Указываем логотип.

Делаем все так же, только заменяем не файл, а путь к логотипу. Как видно на картинке, картина вставлена через html, а не через css. Потому необходимо изменять начальный код шаблона. Делается это просто: Менеджер шаблонов - Beez5 - Поменять шаблон главной странички. Ищем строку с

и изменяем путь к логотипу на подходящий. В данном шаблоне путь прописан на php, потому что есть вариант №2. Потому лучше пользоваться вариантом №1 либо №2.

Находим главный блок - div. Как видно на картинке, это

конкретно он отвечает за ширину веб-сайта. Смотрим характеристики css - стилей, находим widthи указываем подходящую ширину. После чего заходим в файл position.css, в 33 строке пишем параметр и сохраняем файл.

Таким же образом редактируются отдельные блоки. Находим блок, смотрим и изменяем стиль.

Все это делается так же. Щелкаем правой кнопкой мыши на тексте и жмем Просмотр кода элемента. Нам покажет блок и стиль блока отвечающий за характеристики текста. Цвет текста и ссылок задается параметром - color.

Все файлы могут редактироваться через редакторы типа notepad++ либо через стандартный "редактор" Joomla.

Менеджер шаблонов - Подходящий шаблон. Здесь Вам выдается перечень файлов (index.php, шаблон странички 404, шаблон странички печати, стили.).

На этом все.

Ваше мировоззрение принципиально для нас. Пишите Ваши комменты.


Вернуться на главную!

Поделитесь своим мнением