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

Мы установили Joomla на хостинг https://s-host.com.ua/ и сейчас сайт выглядит стандартно, так же как сотни других веб-порталов. Именно поэтому стоит разобраться, как поменять шаблон и фон.

Установка шаблона

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

После того, как файл будет загружен на ваш компьютер, перейдите на страницу установки расширений — «Расширения»/»Менеджер расширений»/»Установить» и откройте вкладку «Загрузить файл пакета». Перетащите файл в поле Drag and drop file here to upload или же выберите его, нажав на кнопку Or browse for file.

После того, как шаблон будет установлен, вы увидите сообщение:

Теперь перейдите в раздел админки «Расширения»/»Менеджер шаблонов»/»Стили» и отметьте “звездочкой” шаблон по умолчанию:

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

Проверьте, как новый шаблон отображается на вашем сайте:

Как видите, установка нового шаблона занимает от силы несколько минут. К слову, вы всегда можете вернуться к стандартному шаблону (protostar или Beez3), сделав его шаблоном по умолчанию.

Изменение фона

Для изменения фона нам подойдет модуль bgMax. Скачайте его на сайте разработчика или на странице расширений Joomla, а затем перейдите в админпанель сайта:

• откройте раздел «Расширения»/»Менеджер расширений»/»Установить»;

• перейдите на вкладку «Загрузить файл пакета»;

• загрузите скачанный архив.

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

Настройка модуля

После успешной установки модуля в разделе «Расширения»/»Менеджер модулей» появится новый пункт — bgMax. Сейчас расширение выключено, однако это нужно исправить:

• кликните на пункт bgMax;

• выберите “Опубликовано” в поле “Состояние”;

• присвойте модулю позицию (например, debug);

• включите/отключите показ заголовка модуля:

• выберите Only connected в поле Debug;

• выберите изображение в медиа-менеджере (поле Background-image):

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

• откройте медиа-менеджер;

• создайте в папке images/bgmax новый каталог (например, background) и загрузите в него несколько изображений;

• выберите в поле Random in folder папку с изображениями:

• выберите цвет фона под изображением (Color under image) или цветной изображение (or color-image (auto).

В следующем блоке настроек (IMAGE SIZE AND POSITION) нужно заполнить следующие поля:

• Adjustment mode (выберите пункт MAX: screen wide (JS);

• Position (выберите пункт fixed: dont move with content);

• Horizontal Alignment и Vertical alignment (настройте выравнивание по вертикали и по горизонтали):

На этом основные настройки завершены. Перейдите на вкладку “Привязка к пунктам меню” и выберите страницы, на которых нужно поменять фон. Убедитесь в том, что модуль включен и ему присвоена позиция, прежде чем нажать кнопку “Сохранить”. Как вы помните, после установки движка на хостинг на сайте был стандартный фон, однако теперь он кардинально изменился: