Скачать или смотреть Как изменить шаблон Joomla! | HOSTiQ

Чтобы изменить шаблон Joomla!, то есть внешний вид сайта, нужно уметь работать с CSS и HTML. Разберем как изменить CSS и сразу увидеть изменения с помощью Firebug, а также три расширения для работы с CSS: JowWow CSS Loader, HD-Custom CSS, Advanced Template Manager.

Ссылка на курсы по CSS и HTML http://www.codecademy.com/tracks/web

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

Шаблон располагается в папке templates. Обычно большая часть таблиц стилей лежат в папке css. Некоторая часть файлов может быть вынесена в отдельные папки menu, иногда в blocks. Во многих шаблонах реализована возможность менять цветовую палитру сайта и шрифты прямо из публичной части сайта. Но этого явно мало для того, чтобы значительно изменить сайта.

Попробуем изменить CSS части сайта в онлайн-режиме. Для этого будем использования расширение Firebug. Это дополнение для Firefox, которое показывает информацию о CSS и HTML веб-страницы. Устанавливаем Firebug, после щелкаем правой кнопкой мыши на любом элементе страницы и нажимаем Inspect element with Firebug. Внизу экрана откроется окно. Слева HTML, справа - CSS.

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

Что можно сделать дальше для того, чтобы разобраться в работе с CSS? Хочу порекомендовать отличный курс наcodecademy, ссылку можно посмотреть в описании к видео, у них есть отличные курсы по CSS и HTML. Можно заниматься и по ходу дела применять свои знания на своем же сайте.

Быстрый хостинг с хорошей поддержкой и установленной системой для создания сайта на Joomla: https://goo.gl/8uDhHX

Надоел ваш текущий хостинг? HOSTiQ перевезет бесплатно на оставшийся оплаченный срок у старого хостера. Не хотите возиться с переносом сайта? Все сделаем за вас бесплатно.
https://goo.gl/e56LrA

Ищите нас в соцсетях:
Facebook:   / hostiq.ua  
Google+: https://plus.google.com/+HostiqUa
Instagram:   / hostiq_ua