Как поменять шаблон и фон в Joomla

Дата 16.08.2017
Просмотров: 134


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

Мы установили 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 (настройте выравнивание по вертикали и по горизонтали):

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

Вы можете оценить статью:

УжасноПлохоНормальноХорошоОтлично (1 оценок, в среднем: 5,00 из 5)
Loading...Loading...

Поделиться этой записью с друзьями:

ВКонтакте    Facebook    Twitter    Мой Мир    Одноклассники

Вас могут заинтересовать другие материалы:

    Особенности CMS Joomla
    Разработка сайта: индивидуальный дизайн или шаблон?
    Створення сайтів Луцьк на Joomla