«Твой Интернет». Часть 6. Управление дизайном Joomla.

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

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

Сейчас в интернете можно найти просто огромное количество шаблонов Joomla. Условно их можно поделить на 2 категории:

1. Бесплатные шаблоны
2. Коммерческие шаблоны

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

Коммерческие шаблоны отличаются от бесплатных, прежде всего красивым дизайном (для некоторых есть техподдержка и другие приятные мелочи). Главный недостаток, соответственно ,  платность. В Интернете  довольно много сайтов, где коммерческие шаблоны можно скачать и использовать абсолютно бесплатно. Но в таком случае существует вероятность появления претензий от законного хозяина шаблона, а значит «спать спокойно» не получится.

Мое мнение - нужно использовать бесплатные шаблоны, дорабатывая их под свои нужды, либо брать платные и переделывать так, чтобы никто и не узнал. Тогда и претензий не будет. Лучшие из бесплатных шаблонов будут публиковаться на этом сайте в разделе «Шаблоны Joomla».

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

Какой бы из шаблонов ты не выбрал, его правки под свои нужды не избежать. Установка шаблона проводится через пункт меню Расширения -> Установить/Удалить. В строке «Файл пакета» выбираешь архив с шаблоном и жмешь «Загрузить файл» Всё. Шаблон установлен. Для управления шаблонами Joomla нужно зайти в «Менеджер шаблонов» (Расширения -> Менеджер шаблонов). Появится список всех установленных шаблонов, в котором будет присутствовать и твой. Для того, чтобы назначить шаблон для сайта, ставишь точку напротив нужного и жмешь кнопку «По умолчанию» (в верхнем правом углу). Теперь сайт отображается в новой «шкурке».

Если при выборе шаблона нажать на ссылку с его названием, то появится окно настроек этого шаблона. Здесь ты можешь привязать его не ко всем, а только к определенным страницам сайта, и поменять некоторые параметры отображения (доступны не во всех шаблонах.) Главными же настройками являются кнопки «Редактировать HTML» и «Редактировать CSS» Редактор HTML позволяет изменять структуру частей сайта, расположение модулей и.т.д. В общем, он работает с «каркасом сайта». Редактор CSS отвечает за стилевое оформление. С его помощью можно менять цвета, шрифты и др.  С помощью этих редакторов с шаблоном Joomla можно сделать практически что угодно. Все зависит от того, насколько хорошо ты знаешь html и CSS. Если ты не знаком с этими технологиями, не отчаивайся. Когда я только начинал заниматься сайтами, то тоже не знал html и  css. Поскольку шаблоны уже написаны, придумывать код тебе не нужно, только подправлять. Для решения этой задачи существует инструмент, который очень сильно облегчает жизнь веб-мастерам. О нем далее...

Firebug для Firefox - лучшее расширение для веб-мастера

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