Совет: Конструктор загружает стили и шрифты для каждого набора иконок, который Вы используете на странице. Например, если Вы используете одну иконку из набора Font Awesome и одну иконку из набора Foundation на Вашей странице, потребуется загрузка обеих наборов иконок. Это незначительно увеличивает время загрузки страницы. Если время загрузки критично (почти все посетители заходят с мобильных устройств) – ограничьте свой выбор одним набором. Или создайте свой собственный набор иконок, использующий только те иконки, которые требуются на страницах Вашего сайта. Прочитать, как создать и импортировать свой набор иконок, Вы можете в этой статье.

Модуль Иконки.

Модуль Иконки позволяет Вам вставлять иконки из наборов Font Awesome, Foundation, или WordPress в макеты страниц сайта. В модуль встроен текстовый редактор, в котором Вы можете вставить и отформатировать текст, который появится справа от иконки. Вы можете также указать ссылку, по которой будет осуществлен переход при нажатии на иконку или на текст. Если Вы зададите фоновый цвет, он появится в круге вокруг иконки, как на скриншоте:

большая иконка

Другой пример – использование иконки с большой стрелкой, как указатель на контент, находящийся ниже на странице. Он показывает посетителям, что нужно пролистать дальше. В то же время иконка может содержать ссылку на необходимую часть страницы, и при нажатии на ссылку страница «промотается» к нужному месту. Прочитать, как настроить плавную прокрутку Вы можете на этой странице.

прокрутка к элементу

Группы иконок.

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

Пример хорошего использования группы иконок – показ способов оплаты. В этом примере все иконки оформлены в одном стиле:

платежи