>
Главная » WordPress » Добавляем шрифты для иконок в WordPress
    РейтингРейтингРейтингРейтингРейтинг

Добавляем шрифты для иконок в WordPress

У вас появилась потребность добавить свои  шрифты на сайт WordPress? Отличная идея! Они помогут разнообразить уже используемую вами тему и внести в нее что-то новое.

Шрифтовые иконки — это векторные иконки, используемые как шрифты. Они очень популярны среди веб-дизайнеров, в виду того, что они выглядят симпатичнее, нежели растровые изображения. Также они могут изменять размер без потери качества и стилизированы с помощью CSS. 

Преимущества и недостатки иконочных шрифтов

Традиционные изображения с давних пор хорошо себя зарекомендовали в качестве графических элементов оформления сайта, в современную эпоху их постепенно вытесняют новые возможности CSS3, SVG и шрифты с иконками.           

С чем связана их популярность? Решающую роль сыграли гибкость настройки, простота установки и использования в проекте. Основные преимущества:

Наряду с преимуществами стоит упомянуть о недостатках, они, к сожалению, тоже есть, но довольно незначительные:

Где найти иконочные шрифты

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

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

После установки в визуальном редакторе появляется инструмент для вставки шрифтовых картинок. 

Создаем новый пост. Под заголовком можно увидеть новую кнопку Icons (Иконки). Если вы нажмете на нее, то появится выпадающий список с большим количеством иконок. Остается лишь выбрать нужную и вставить ее в текст.

Если вы хотите использовать подобные иконки в своей теме, то сделать это достаточно просто. Создайте тестовый пост с нужными иконками, а затем переключитесь на текстовый редактор. Скопируйте HTML-код иконок в нужное место темы.

Думаю, что для вас этот вариант решения вопроса с иконками для сайта будет полезен и вы возьмете его к себе на вооружение!


css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!