Как добавить пользовательские иконки (CUSTOM ICONS) в Elementor
Загрузите свои собственные значки на сайт, используя функцию пользовательских иконок Elementor Pro. Вы можете использовать только сервисы Fontello, Icomoon или Fontastic для работы.
Создание набора шрифтов
Fontello
- Перейти к http://fontello.com/
- Выберите несколько иконок или загрузите свои собственные SVG-файлы
- Нажмите на гаечный ключ. Добавьте префикс CSS. Убедитесь, что он уникален
- Дайте вашему шрифту имя
- Скачать шрифт (zip-файл)
IcoMoon
- Перейти к https://icomoon.io/app
- Выберите несколько иконок или загрузите свои собственные SVG-файлы
- Нажмите на вкладку ‘Создать шрифт’
- Нажмите кнопку Настройки
- Дайте вашему шрифту имя
- В разделе ‘Префикс класса’ дайте ему уникальный префикс
- Нажмите X, чтобы выйти
- Нажмите "Загрузить", чтобы загрузить шрифт (zip-файл).
Fontastic
- Создать учетную запись Fontastic
- Выберите несколько иконок или импортируйте свои собственные
- Для импорта нажмите ‘Добавить еще иконки’ в верхней строке меню
- Нажмите на вкладку ‘Изменить шрифт’
- Дайте вашему шрифту имя
- Дайте вашему шрифту уникальный префикс класса CSS
- Нажмите кнопку Сохранить
- Перейдите на вкладку ‘Опубликовать’
- Нажмите "Загрузить", чтобы загрузить шрифт (zip-файл).
Установка набора шрифтов
В панели управления WordPress перейдите к:
- Elementor > Пользовательские иконки
- Нажмите Добавить новый
- Перетащите zip-файл шрифта
- Введите имя набора значков
- Нажмите Обновить
- Теперь вы найдете свои новые пользовательские значки в области ‘Пользовательские значки’, где вы увидите имя набора значков, индикатор номера значков и уникальный префикс CSS для каждого набора значков.