Управление дизайном CMS Joomla

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

 

Выбор шаблона

Сегодня в сети можно найти множество самых разнообразных шаблонов для CMS Joomla. Условно их принято разделять на две категории: бесплатные и коммерческие.
 
Бесплатные шаблоны хороши, в первую очередь, тем, что, конечно, за них не требуется платить, а значит, их использование не повлечет за собой каких-либо трат. Естественно, они во многом проигрывают во всех отношениях коммерческим. Несмотря на это, что среди бесплатных шаблонов можно найти достаточно хорошие макеты. Использование таких шаблонов будет наиболее актуальным на тех сайтов, где необходимо много места под функциональную составляющую и контент.
 
Коммерческие шаблоны от бесплатных отличаются, прежде всего, качеством выполненного дизайна (иногда даже работает суппорт). Основной недостаток – придется платить. Но все равно можно найти сайты, где даже платные шаблоны можно скачать и использовать совершенно бесплатно. Однако можно нарваться на проблемы в виде претензий от правообладателя, что повлечет за собой серьезные неприятности.
 
Мнение автора – лучше пользоваться бесплатными шаблонами, настраивая их под свой проект, либо скачивать платные и делать так, чтобы их не узнал даже разработчик. В этих случаях претензий не последует.

Управление шаблона в CMS Joomla

Какой бы шаблон для сайта не был выбран, его исправления для своего проекта никак не избежать. Установить шаблон можно через меню «Расширения» - «Установить/Удалить». В пункте «Файл пакета» нужно выбрать архив с желаемым шаблоном и нажать «Загрузить файл».
Для управления шаблонами необходимо перейти в «Менеджер шаблонов» (Меню «Расширения» - «Менеджер шаблонов»). Там будет отображен список всех шаблонов, которые установлены на сайте. Для того чтобы активировать желаемый шаблон, надо поставить галочку напротив него и нажать «По умолчанию» (правый верхний угол). Сайт после этого будет отображен по-новому.
 
 
Если в списке шаблонов нажать на ссылку с названием одного из них, то отобразится окно настроек этого шаблона, в котором веб-мастер может привязать его к определенным страницам ресурса, изменить общие параметры отображения (не во всех шаблонах эта функция доступна). 
 
Основными же настройкам являются кнопки «Редактировать CSS» и «Редактировать HTML». С помощью первого редактора можно изменить стилевое оформление (шрифты, цвета и т.п.), а посредствам второго – поменять структуру частей веб-ресурса (например, размещение модулей). При помощи этих редакторов с любым шаблоном веб-мастер сделать всё, что угодно. А размах изменений будет зависеть только от уровня знаний HTML и CSS. Если вы плохо знаете эти технологии, то отчаиваться не стоит, т.к. многие сайтостроители в начале своего профессионального пути также не были знакомы с языками разметки. Именно поэтому был разработан специальный инструмент, который упрощает работу с кодом. О нем мы и расскажем подробнее.

Firebug для Mozilla Firefox – палочка-выручалочка веб-мастера

От Firefox знают, наверное, все – это один из самых популярных в мире браузеров. Особенно он популярен у специалистов, т.к. для Мозиллы предусмотрено огромное количество расширений для успешной работы. Одним из таких качественных расширений является Firebug, с помощью которого можно мгновенно увидеть CSS и HTML-код любого элемента веб-странице – достаточно лишь навести на него курсор мыши.
 
Сначала нужно установить Firefox, конечно, если у вас его нет. После чего заходим в интернет-магазин Mozilla и находим там расширение Firebug. Инсталляция проходит достаточно быстро и  уже через минуту можно будет видеть иконку в виде жучка в правом нижнем углу. Если нажать на нее, то появится специальное окно. В этом окне нажимаем на «Inspect» (в последних версиях кнопка заменена на значок фонарика) и водим курсором по странице. При этом можно видеть, как будет меняться html-код (справа) и CSS-код (слева) в нижней части экрана. Именно так, даже с условием незнания CSS и HTML, можно отредактировать код, достигнув тем самым необходимых целей. Обязательно нужно учесть, что изменения вносятся только в редактор в настройках макета в панели администрирования.