Иконки

В шаблоне используются набор иконок Font Awesome. Доступные иконки вы можете посмотреть на странице проекта.

На данный момент доступны сотни различных иконок, с помощью которых вы сможете оживить свой сайт.

Использование иконок

Иконка для крупного текста

В настройках шаблона (Сайт → Дизайн → Оформление) есть возможность задать иконку, которая будет выводиться слева от крупного текста в шапке.

Сейчас там установлен код иконки телефонной трубки — fa fa-phone, которую мы можем наблюдать в шапке сайта:

Допустим мы хотим вывести адрес электронной почты службы поддержки и значек спасательного круга. Для этого крупный текст меняем на адрес электронной почты и вставляем код нужной иконки — fa fa-life-ring (заметьте, что в данном случае нужно вставлять только код иконки, без HTML-кода). После сохранения настроек, можно посмотреть как изменится шапка сайта:

Добавление иконок на страницу сайта

Рассмотрим процесс использования иконок на следующем примере. Допустим у нас есть текстовая страница следующего содержания:

Давай добавим каждому заголовку, характеризующему одно из преимуществ, свою иконку. На сайте Font Awesome выбираем наиболее подходящие пунктам иконки — их код нужно будет вставить в HTML-код страницы.

В панеле администрирования Вебасиста переходим в приложение «Сайт», в боковом меню выбираем пункт «Страницы» и выбераем нужную страницу.

Теперь переключаем страницу в режим отображения HTML-кода и добавим HTML-код иконок перед подзаголовками:

После сохранения изменений иконки появятся на нашей странице: