Weblium дає вам змогу додавати іконки за допомогою підключених до редактора сервісів — Icons8 та Noun Project. Крім цього, ви можете завантажити власні іконки до редактору.

Перегляньте нижченаведені кроки, аби дізнатися, як додати іконки на сайт, а також змінити їх фон, колір і розмір.

Додавання іконок

Наведіть на потрібне місце в блоці, куди ви хочете додати іконку, клацніть на «плюс» і виберіть елемент Іконка у меню, що відкриється:



Щоб змінити іконку, клацніть на неї і натисніть Змінити іконку у вікні, що відкриється:



У новому вікні ви можете підібрати доречну іконку в розділах Noun Project або Icons8:



Примітка: в іконок із галереї немає унікальних номерів або назв. Ми радимо шукати іконки, використовуючи ключові слова.

Якщо ви хочете завантажити власну іконку, перейдіть до вкладки Мої іконки. Натисніть на кнопку Завантажити, а потім виберіть потрібний файл зі свого пристрою:



Важливо: власні іконки можна завантажити тільки в форматі SVG. Максимальний розмір — 10 КБ.

Налаштування іконок

Після того, як ви додали іконку до блоку, ви можете налаштувати її вигляд — змінити розмір, фон та колір.

Натисніть на саму іконку і клацніть на «шестерню», аби перейти до налаштувань:



У вкладці Стиль ви можете вибрати відповідний розмір іконки:



Перейдіть у вкладку Фон, аби додати фон до обраної іконки — Колір або Зображення:



Підказка: перегляньте статтю Додавання посилань до елементів, аби налаштувати дію за натиском на іконку.

Також ви можете змінити колір іконки, якщо її взято з Noun Project або Icons8. Для цього клацніть на потрібну іконку і натисніть Колір іконки, а потім виберіть потрібний колір у новому меню:



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

Опубліковано 22 / 12 / 2020