Статьи по теме: Редактор
Эта статья также доступна на:

Настройки иконок

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


В этой статье вы узнаете, как добавить иконки и настроить их фон, цвет и размер.


Содержание:


Добавление элемента Иконка


Вы можете добавить этот элемент в уже существующую заполненную или пустую колонку в одном из ваших блоков. Для этого нажмите на иконку добавления нового элемента и выберите элемент Иконка из списка доступных:

Подсказка: этот элемент вы можете найти во вкладке Медиа при добавлении элемента. Также элемент Иконка встречается как часть других элементов, например, Список иконок или Наверх страницы. В таких элементах настройка иконки будет происходить аналогично шагам, которые вы рассмотрите в следующих разделах.

Важно: в настоящее время этот элемент недоступен для Flex-блока. Вместо него в этом блоке вы можете использовать элемент Изображение.


Добавление иконки


  1. Чтобы изменить иконку, кликните по ней и нажмите Изменить иконку в контекстном меню:

Подсказка: вы также можете изменить иконку через настройки элемента, нажав на шестеренку в контекстном меню.


  1. В новом окне вы можете подобрать подходящую иконку из интегрированных сервисов:

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


  1. Для сервисов Phosphor и Material вы дополнительно можете задать желаемое начертание и активировать заливку, нажав на иконку фильтра:

Примечание: при активации заливки может измениться начертание иконок.


  1. Если вы хотите загрузить собственную иконку, перейдите на вкладку Мои иконки. Нажмите на кнопку Загрузить, а затем выберите нужный файл со своего устройства:

Важно: собственные иконки можно загружать только в формате .svg. Рекомендуемый размер — до 10 КБ. Максимальный размер — 10 МБ.


Примечание: .svg — это векторный формат, который позволяет масштабировать изображение без потери качества. Однако некоторые svg-файлы могут содержать растровые изображения (например, .png или .jpg) внутри, из-за чего система может не принять такой файл и показать ошибку при загрузке.


Настройка иконок


После того как вы добавили иконку в блок, вы можете настроить ее вид — изменить размер, фон и цвет.


  1. Чтобы открыть настройки элемента, кликните по иконке и нажмите на шестеренку в контекстном меню:

  1. Во вкладке Общие вы можете изменить саму иконку, выбрать ее размер из трех доступных вариантов и указать желаемый цвет:

Важно: некоторые иконки могут иметь встроенные стили, на которые не всегда можно повлиять инструментами редактора — на опубликованном сайте вы можете видеть другой цвет, хотя в редакторе все отображается корректно. В таком случае, если использование желаемого цвета является критическим, стоит подобрать другую иконку.


Подсказка: вы можете перейти к настройкам цвета, не открывая настройки элемента, для этого просто кликните по иконке, и в контекстном меню вы увидите иконку цвета.


  1. Также в этой вкладке вы можете закрепить элемент, чтобы он оставался на экране во время просмотра сайта:

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


  1. Перейдите во вкладку Фон, чтобы настроить фон иконки — Цвет, Изображение или оставить иконку без фона:

  1. Во вкладке Действие вы можете выбрать, что будет происходить при нажатии на иконку — например, вы можете переадресовывать посетителей на определенную страницу, открывать всплывающее окно и т. д.:

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


Последнее изменение: 15/01/2026

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!