const ghostSearchApiKey = '93722e96ae625aaeb360b7f295'
Как добавить пользовательские иконки (CUSTOM ICONS) в Elementor

Как добавить пользовательские иконки (CUSTOM ICONS) в Elementor

Как добавить пользовательские иконки (CUSTOM ICONS) в Elementor

Кодируем сайт 13 июня 2022 г.

Загрузите свои собственные значки на сайт, используя функцию пользовательских иконок Elementor Pro. Вы можете использовать только сервисы Fontello, Icomoon или Fontastic для работы.

Создание набора шрифтов

Fontello

  1. Перейти к http://fontello.com/
  2. Выберите несколько иконок или загрузите свои собственные SVG-файлы
  3. Нажмите на гаечный ключ. Добавьте префикс CSS. Убедитесь, что он уникален
  4. Дайте вашему шрифту имя
  5. Скачать шрифт (zip-файл)

IcoMoon

  1. Перейти к https://icomoon.io/app
  2. Выберите несколько иконок или загрузите свои собственные SVG-файлы
  3. Нажмите на вкладку ‘Создать шрифт
  4. Нажмите кнопку Настройки
  5. Дайте вашему шрифту имя
  6. В разделе ‘Префикс класса’ дайте ему уникальный префикс
  7. Нажмите X, чтобы выйти
  8. Нажмите "Загрузить", чтобы загрузить шрифт (zip-файл).

Fontastic

  1. Создать учетную запись Fontastic
  2. Выберите несколько иконок или импортируйте свои собственные
  3. Для импорта нажмите ‘Добавить еще иконки’ в верхней строке меню
  4. Нажмите на вкладку ‘Изменить шрифт
  5. Дайте вашему шрифту имя
  6. Дайте вашему шрифту уникальный префикс класса CSS
  7. Нажмите кнопку Сохранить
  8. Перейдите на вкладку ‘Опубликовать’
  9. Нажмите "Загрузить", чтобы загрузить шрифт (zip-файл).

Установка набора шрифтов

В панели управления WordPress перейдите к:

  1. Elementor > Пользовательские иконки
  2. Нажмите Добавить новый
  3. Перетащите zip-файл шрифта
  4. Введите имя набора значков
  5. Нажмите Обновить
  6. Теперь вы найдете свои новые пользовательские значки в области ‘Пользовательские значки’, где вы увидите имя набора значков, индикатор номера значков и уникальный префикс CSS для каждого набора значков.

Источинк:
https://elementor.com/help/custom-icons-pro/

Теги

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