Дизайн сайта на Joomla

От того, насколько симпатично выглядит сайт, и насколько его дизайн удобен для пользователей, во многом зависит успешность и посещаемость ресурса. Это важно учитывать и постараться разработать сайт с таким дизайном, который будет запоминающимся и интуитивно понятным.

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

Структура сайта и модули

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

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

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

Шаблоны и стили

По умолчанию CMS Joomla снабжается четырьмя шаблонами, из которых два предназначены для админки, и еще два для сайта. Поменять или предварительно посмотреть шаблоны вы можете, перейдя в «Расширения», далее выбрав «Управление шаблонами», и нажав вкладку «Шаблоны».

Разнообразить шаблоны можно разными стилями. Стиль – это цветовая гамма, логотип и многое другое. Каждый готовый шаблон имеет не менее одного стиля. Вы имеете возможность задать единый стиль для всего сайта, перейдя в «Расширения», нажав там «Управление шаблонами», и найдя вкладку «Стили». Также вы можете назначать отдельные стили для разных разделов сайта и даже отдельных страниц.

Вы можете создавать собственные стили, для чего вам нужно сначала скопировать один из имеющихся стилей. Делается это также в разделе «Управление шаблонами – Стили» при помощи специальной кнопки. Во вкладке «Детали» вы выбираете исходный стиль для копирования, задаете новое имя, привязываете к нему языки сайта (для каждого языка можно создать отдельный стиль). Далее на вкладке «Параметры» вы выбираете цветовую гамму для шаблона, фона, а также выбираете, будет шаблон отображаться как подвижный или фиксированный. Здесь же можно загрузить логотип. В последней вкладке нужно выбрать меню сайта, к которым привязывается новый стиль, и можно нажимать кнопку «Сохранить». После этого можно переходить на сайт и смотреть, что у вас получилось.

Редактирование шаблонов

Шаблоны можно редактировать в админке CMS Joomla. Найдите вкладку «Управление шаблонами», перейдите на «Шаблоны» и выберите тот, который хотите изменить. У вас откроется редактор, в котором вы сможете делать со своим шаблоном буквально все, что пожелаете. Также для редактирования можно пользоваться внешними редакторами – здесь все зависит от ваших предпочтений.