В данной статье мы ознакомим вас, с тем как можно вносить поправки в любые шаблоны вашего сайта. Статья рассчитана для того кто уже хорошо посвящен в HTML и имеет базовые знания CSS. Данный способ применим для любых сайтов, не только на Joomla.

Что требуется для редактирования шаблона?

1.Браузер с просмотром кода элементов

Для редактирования шаблона вам потребуется браузер с возможностью быстро просматривать элементы кода. Из таковых я рекомендую Google Chrome, который по мне, так является наилучшим.

2.Программа для редактирования файлов Joomla

Чтобы была возможность вносить изменения необходима соответствующая программа для редактирования. Здесь мой выбор остановился на Sublime Text 2 – Скачать Sublime Text 2. Данная программа отличается от подобных в первую очередь своим удобством и скоростью работы.

Я не рассматриваю возможность редактирования с административной панели, т.к. этот процесс сильно проигрывает перед тем же Sublime Text 2.

Пример Редактирования

Мы уже установили Chrome и запустили наш сайт.

Первым делом нужно определится, что мы хотим изменить. Допустим мы определились, и хотим заменить серый цвет левого меню. Наводим мышкой на область этого меню с серым цветом и жмем правую кнопку мыши, далее в появившемся контекстном окне жмем «Просмотр кода элемента»

Теперь рассмотрим появившееся окошко:

В левой части расположена вся HTML разметка текущей страницы (теги div, h1 и прочие). В правой части расположены стили CSS применяемые для выделенного класса тега.

Т.к. мы сразу выделили нужную нам часть то сразу можем заметить, где расположен CSS цвета нашего меню в окне:

Подбираем необходимый цвет, кликнув по серому квадратику и копируем выбранный нами код: #DDE7FF.

Далее нам нужно узнать, где расположен данный фрагмент кода, для его замены. В этом нам подсказывает строчка в правой части окна стилей CSS: module.css:13 Которая означает, что данный стиль расположен на 13 строке файла modules.css

Теперь открываем Sublime Text 2 и создаем новый проект: New Folder. Выпибаем папку с нашим сайтом и заходим в папку шаблона который изменяем. В нем мы и находим файлы css а именно файл module.css. Прокручиваем до строчки 13 и вставляем наш код #DDE7FF вместо #DDD. Сохраняем.

Перезагружаем страницу сайта (F5) и видим новый цвет меню.

Примечание: В том случае если у вас сайт уже в интернете то вам необходимо запускать данный файл(module.css) с помощью FTP, в качестве редактора выбрав Sublime Text 2

Читайте также:
Создание материала через сайт Создание материала через сайт

В Joomla, существует два способа добавления материала на сайте. Один традиционный - через админку, другой более продвинутый - через сайт. Способ добавления материала через сайт обладает некоторыми особенностями по сравнению со стандартным.

Как сменить стандартный шаблон в Joomla Как сменить стандартный шаблон в Joomla

Большинство людей начинающих использовать CMS Joomla, наверняка знают, что при создании сайта на ней, необходимо использовать какой-то шаблон, то есть готовый дизайн сайта. Для Джумла выпускается огромное количество этих шаблонов - бесплатных и платных, которые легко можно найти в интернете и установить на свой сайт.

Коротко о хостинге Jino Коротко о хостинге Jino

В данной статье речь пойдет о таком хостинге как Jino. При написании статьи я опирался на свой опыт использования хостинга в течении 2-х лет. Статью писал быстро, поэтому разобраны только основы.

Редактор - JCE Редактор - JCE

Определенно, лучший редактор для Joomla. Редактор обладает огромнейшей функциональностью и возможностями. При своей функциональности обладает гибкостью и простотой настроек.