Как легко добавить иконочные шрифты WordPress в вашу тему

Существует несколько способов оживить текст в WordPress с помощью иконочных шрифтов. Вы можете использовать плагин WordPress для иконочных шрифтов, который доступен, например, от Font Awesome. Плагин также позволяет использовать шорткоды для вставки иконок. Кроме того, вы можете вставить иконочные шрифты вручную с помощью кода вставки — отдельные шрифты или целые наборы (также от Font Awesome). Если вам нужно всего несколько стандартных иконок, вы также можете использовать иконки от Page Builders или Dashicons.

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

Преимущества этого метода велики. С одной стороны, он облегчает использование, если пиктограммы размещены в виде шрифта. С другой стороны, эти иконки WordPress свободно масштабируются, как и обычный шрифт, и могут быть раскрашены по своему усмотрению. Кроме того, шрифты пиктограмм загружаются быстрее, чем отдельные графические изображения.

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

После того как вы нашли подходящие иконки для вашего сайта WordPress, есть несколько способов вставить их. Один из простых способов — интегрировать их с помощью плагина. Для Font Awesome, например, существует плагин пользовательской интеграции под названием Better Font Awesome. С его помощью вы можете добавить иконки в WordPress с помощью шорткода. Плагин всегда предоставляет новейшие наборы иконок для этой цели и поэтому не требует ручного обновления. Пользоваться плагином просто: после установки плагин позволяет выбрать и включить любые пиктограммы с помощью шорткода icon name=»example». Однако различные пиктограммы также доступны для выбора в текстовом редакторе.

Вы также можете добавить иконки в WordPress вручную. Для этого Font Awesome предоставляет вам соответствующий шрифт в виде кода для встраивания. Это работает следующим образом:

1. Введите свой адрес электронной почты на сайте Font Awesome. Код для встраивания будет отправлен на этот адрес электронной почты.
2. Затем создайте резервную копию вашего сайта. Поскольку вы вмешиваетесь в код, важно, чтобы у вас была резервная копия.
3. Теперь добавьте код в заголовок вашей темы. Это можно сделать либо через файл header.php, либо прямо в бэкенде некоторых тем. Код вставки вставляется прямо перед .
4. Теперь вы можете выбрать те иконки для WordPress, которые вам нужны для вашего сайта.

В качестве альтернативы скачайте нужную коллекцию иконок прямо с сайта Font Awesome:

1. На первом этапе распакуйте прилагаемый ZIP-файл. В нем вы также найдете файл под названием all.css.
2. С помощью FTP подключитесь к серверу вашего сайта. Там вы найдете папку под названием «fonts».
3. В этой папке создайте подпапку «Font Awesome», а внутри нее — еще одну подпапку «css». Туда вы добавите файл all.css.
4. Откройте файл header.php вашей темы и добавьте следующий код перед :

Третий вариант, который вы можете использовать для добавления иконок для WordPress, является самым простым. Некоторые популярные и широко используемые конструкторы страниц для WordPress имеют свои собственные коллекции иконок. Это, например, Beaver Builder или Elementor Pro. Здесь иконки просто хранятся в виде шрифта, их можно выбрать, а затем вставить с помощью перетаскивания.

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

Ассортимент дашиконов также четко определен. Это стандартные иконки WordPress, которые можно вставить с помощью плагина. Для этого достаточно скопировать код иконки на сайте и вставить его в бэкенд. Для сайта WordPress доступно сравнительно меньше иконок, но классические, такие как иконки электронной почты, логотипы различных платформ социальных сетей и корзина для покупок, можно найти здесь.

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