Нажмите для увеличения
Описание
Официальный способ использования значков Font Awesome Free или Pro на вашем сайте WordPress, предоставленный вам командой Font Awesome.
Особенности
Наш официальный плагин позволяет легко добавлять значки Font Awesome на ваши страницы, сообщения и шаблоны и включает в себя следующие функции:
- Используйте значки Pro или Free из последней версии или конкретной версии.
- Используйте собственные значки из своих наборов Pro Kits.
- Используйте Font Awesome Kit, чтобы добавить любые наши значки (включая новейшие стили Duotone и пользовательские значки!), или выберите Font Awesome CDN только для значков версии 5.
- Включите автоматическую совместимость с Font Awesome версии 4, если вы или ваши плагины все еще используете синтаксис версии 4.
- Устраняйте неполадки и устраняйте проблемы, когда на ваш сайт загружаются несколько версий Font Awesome из других плагинов/тем, что может привести к неожиданному отображению значков или техническим проблемам.
Как использовать
Установите и включите плагин
(Подробнее см. вкладку "Установка").
Как добавить и стилизовать значки
Полная документация по использованию плагина и добавлению значков доступна на сайте Font Awesome Docs.
Добавьте значки в редакторе блоков
После настройки плагина вы можете добавлять значки в виде блоков или в тексте.
Чтобы добавить значки в виде блоков, выберите блок "Значок Font Awesome", а затем нажмите кнопку "Выбрать значок", чтобы открыть окно выбора значков.
Чтобы добавить встроенные значки, выберите параметр Font Awesome на панели инструментов форматирования, чтобы открыть окно выбора значков. (Примечание: для встроенных значков требуется версия не ниже WP 6.3.)
Открыв инструмент выбора значков, добавьте значки следующим образом:
- Поиск нужного значка - поиск можно осуществлять по имени значка, категории или ключевому слову.
- Измените семейство и стиль с помощью раскрывающихся списков, если вам нужен значок в другом стиле.
- Когда вы увидите нужный значок, щелкните его, чтобы добавить его в содержимое своей страницы или сообщения.
Примечание. Если вы хотите искать и добавлять значки Pro в инструмент выбора значков, убедитесь, что вы настроили свой плагин на использование Pro Kit.
Добавьте значки в классическом редакторе
Если вам нужно добавить значки в классическом редакторе, вы можете использовать имена значков в шорткодах или HTML. Добавьте значок с помощью шорткодов в любую текстовую область - просто добавьте имя значка и префикс стиля, где префикс - это стиль значка, который вы хотите использовать. Обратите внимание, что вам не нужно включать fa- часть имени значка. А если вы не укажете какой-либо префикс стиля, значок по умолчанию будет иметь стиль Classic Solid.
Шорткод для значка выглядит следующим образом:
[icon name="строопвафель"]
[icon name="stroopwafel" prefix="fa-sharp fa-light"]
Вы также можете использовать базовый HTML со стандартным синтаксисом Font Awesome, например:
<i class="fa-solid fa-stroopwafel"></i>
Использование значков и функций Pro
Чтобы использовать набор для создания значков, создайте его на FontAwesome.com и выберите "Значки Pro" на вкладке "Настройки набора". Затем возьмите свой токен API со страницы учетной записи Font Awesome и добавьте его в настройки плагина WordPress.
Чтобы использовать CDN для питания ваших значков, знайте, что вы сможете использовать значки только из версии 5. Чтобы включить значки Pro, добавьте домен вашего сайта в список разрешенных доменов на странице настроек Font Awesome CDN, а затем используйте шорткоды или HTML для добавления значков в свой контент.
Устранение неполадок с помощью плагина
Значки Font Awesome популярны, поэтому многие темы и плагины также загружают Font Awesome, и иногда их версия может конфликтовать с вашей. Поэтому мы создали способ помочь вам найти и предотвратить влияние этих конфликтующих версий на ваши значки: сканер обнаружения конфликтов.
Если кажется, что плагин настроен правильно, а ваши значки по-прежнему не загружаются, и вы не знаете, почему, перейдите на вкладку "Устранение неполадок", которая состоит из двух частей:
- Обнаружение конфликтов с другими версиями Font Awesome - позволяет запустить сканер обнаружения конфликтов, чтобы найти версии Font Awesome, загружаемые на ваш сайт.
- "Версии Font Awesome активны на вашем сайте" - показывает результаты сканирования и позволяет предотвратить загрузку конфликтующих версий других версий Font Awesome на ваш сайт.
Дополнительную информацию об использовании сканера для устранения неполадок можно получить в документации Font Awesome WordPress.
Настройка
По умолчанию плагин настроен на отображение бесплатных значков Font Awesome в качестве веб-шрифта через CDN Font Awesome. Вы можете изменить настройки CDN прямо в плагине. Если вам нужны только базовые бесплатные значки, вам, вероятно, не нужно вносить какие-либо изменения в конфигурацию по умолчанию.
Вы можете получить дополнительную информацию обо всех доступных настройках и устранении неполадок в документации Font Awesome WordPress.
Обновление плагина версии 4
- [значок] короткие коды, найденные в содержимом редактора блоков и в других местах, продолжат работать, как и раньше,
хотя новые значки, добавленные с помощью средства выбора значков в редакторе блоков, будут встроенными SVG.
Ранее добавленные короткие коды [значок] не будут автоматически конвертироваться в новый встроенный SVG.
формат. Если вы хотите преобразовать короткий код [значок], удалите его и повторно добавьте значок, используя инструмент выбора значков в редакторе блоков.
См. также
README на GitHub содержит подробную информацию для владельцев и разработчиков сайтов WordPress.
Вы можете получить м
Особенности
Наш официальный плагин позволяет легко добавлять значки Font Awesome на ваши страницы, сообщения и шаблоны и включает в себя следующие функции:
- Используйте значки Pro или Free из последней версии или конкретной версии.
- Используйте собственные значки из своих наборов Pro Kits.
- Используйте Font Awesome Kit, чтобы добавить любые наши значки (включая новейшие стили Duotone и пользовательские значки!), или выберите Font Awesome CDN только для значков версии 5.
- Включите автоматическую совместимость с Font Awesome версии 4, если вы или ваши плагины все еще используете синтаксис версии 4.
- Устраняйте неполадки и устраняйте проблемы, когда на ваш сайт загружаются несколько версий Font Awesome из других плагинов/тем, что может привести к неожиданному отображению значков или техническим проблемам.
Как использовать
Установите и включите плагин
(Подробнее см. вкладку "Установка").
Как добавить и стилизовать значки
Полная документация по использованию плагина и добавлению значков доступна на сайте Font Awesome Docs.
Добавьте значки в редакторе блоков
После настройки плагина вы можете добавлять значки в виде блоков или в тексте.
Чтобы добавить значки в виде блоков, выберите блок "Значок Font Awesome", а затем нажмите кнопку "Выбрать значок", чтобы открыть окно выбора значков.
Чтобы добавить встроенные значки, выберите параметр Font Awesome на панели инструментов форматирования, чтобы открыть окно выбора значков. (Примечание: для встроенных значков требуется версия не ниже WP 6.3.)
Открыв инструмент выбора значков, добавьте значки следующим образом:
- Поиск нужного значка - поиск можно осуществлять по имени значка, категории или ключевому слову.
- Измените семейство и стиль с помощью раскрывающихся списков, если вам нужен значок в другом стиле.
- Когда вы увидите нужный значок, щелкните его, чтобы добавить его в содержимое своей страницы или сообщения.
Примечание. Если вы хотите искать и добавлять значки Pro в инструмент выбора значков, убедитесь, что вы настроили свой плагин на использование Pro Kit.
Добавьте значки в классическом редакторе
Если вам нужно добавить значки в классическом редакторе, вы можете использовать имена значков в шорткодах или HTML. Добавьте значок с помощью шорткодов в любую текстовую область - просто добавьте имя значка и префикс стиля, где префикс - это стиль значка, который вы хотите использовать. Обратите внимание, что вам не нужно включать fa- часть имени значка. А если вы не укажете какой-либо префикс стиля, значок по умолчанию будет иметь стиль Classic Solid.
Шорткод для значка выглядит следующим образом:
[icon name="строопвафель"]
[icon name="stroopwafel" prefix="fa-sharp fa-light"]
Вы также можете использовать базовый HTML со стандартным синтаксисом Font Awesome, например:
<i class="fa-solid fa-stroopwafel"></i>
Использование значков и функций Pro
Чтобы использовать набор для создания значков, создайте его на FontAwesome.com и выберите "Значки Pro" на вкладке "Настройки набора". Затем возьмите свой токен API со страницы учетной записи Font Awesome и добавьте его в настройки плагина WordPress.
Чтобы использовать CDN для питания ваших значков, знайте, что вы сможете использовать значки только из версии 5. Чтобы включить значки Pro, добавьте домен вашего сайта в список разрешенных доменов на странице настроек Font Awesome CDN, а затем используйте шорткоды или HTML для добавления значков в свой контент.
Устранение неполадок с помощью плагина
Значки Font Awesome популярны, поэтому многие темы и плагины также загружают Font Awesome, и иногда их версия может конфликтовать с вашей. Поэтому мы создали способ помочь вам найти и предотвратить влияние этих конфликтующих версий на ваши значки: сканер обнаружения конфликтов.
Если кажется, что плагин настроен правильно, а ваши значки по-прежнему не загружаются, и вы не знаете, почему, перейдите на вкладку "Устранение неполадок", которая состоит из двух частей:
- Обнаружение конфликтов с другими версиями Font Awesome - позволяет запустить сканер обнаружения конфликтов, чтобы найти версии Font Awesome, загружаемые на ваш сайт.
- "Версии Font Awesome активны на вашем сайте" - показывает результаты сканирования и позволяет предотвратить загрузку конфликтующих версий других версий Font Awesome на ваш сайт.
Дополнительную информацию об использовании сканера для устранения неполадок можно получить в документации Font Awesome WordPress.
Настройка
По умолчанию плагин настроен на отображение бесплатных значков Font Awesome в качестве веб-шрифта через CDN Font Awesome. Вы можете изменить настройки CDN прямо в плагине. Если вам нужны только базовые бесплатные значки, вам, вероятно, не нужно вносить какие-либо изменения в конфигурацию по умолчанию.
Вы можете получить дополнительную информацию обо всех доступных настройках и устранении неполадок в документации Font Awesome WordPress.
Обновление плагина версии 4
- [значок] короткие коды, найденные в содержимом редактора блоков и в других местах, продолжат работать, как и раньше,
хотя новые значки, добавленные с помощью средства выбора значков в редакторе блоков, будут встроенными SVG.
Ранее добавленные короткие коды [значок] не будут автоматически конвертироваться в новый встроенный SVG.
формат. Если вы хотите преобразовать короткий код [значок], удалите его и повторно добавьте значок, используя инструмент выбора значков в редакторе блоков.
См. также
README на GitHub содержит подробную информацию для владельцев и разработчиков сайтов WordPress.
Вы можете получить м
Похожие товары
Смотреть все
Хит продаж
WordPress
Хит продаж
WordPress