Используем шрифтовые иконки в редакторе записей WordPress (без HTML)

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

genericons-screenshot[1]

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

icon-font-settings[1]

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

iconfonts-wp-posteditor[1]

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

Для того, чтобы использовать иконку в вашей теме, наиболее простым способом сгенерировать нужный код HTML будет добавление шрифтовой иконки в редактор записей, а затем переключиться в режим Текст и скопировать HTML-код. Вставьте его в ваши файлы шаблона в то место, где нужно вывести иконку.

copyiconfontshtml[1]

Шрифтовые иконки могут использоваться для создания красивых посадочных страниц (landing pages) в WordPress вообще без изображений. Также их можно использовать для выделения различных разделов длинной статьи или записи. Плагин предоставляет вам 369 иконок в шрифте Font Awesome и 62 штуки в шрифте Genericon.

Надеемся, что эта статья помогла вам добавить эти красивые иконки в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top