GB: Блог о дизайне, верстке и веб-разработке Голосов: 1 Адрес блога: http://gering111.com Добавлен: 2011-05-08 20:19:03

Font Awesome для WordPress

2012-10-22 10:20:18 (читать в оригинале)

Если вы так или иначе связаны с веб-разработкой, то наверняка слышали о фреймворке Twitter Bootstrap. Это такая модная нынче штука для разработки сайтов, с крутыми синенькими кнопками. Но речь не о нем, а о символьном шрифте Font Awesome, который разработан для Twitter Bootstrap. Что такое символьные шрифты и зачем они нужны - об этом можно почитать в этой статье. А мы поговорим про Font Awesome - самый продвинутый шрифт из всех символьных. Это, конечно, только мое мнение, вы можете смело с ним не соглашаться. Официальный сайт шрифта находится тут. Итак, что он умеет? [icon_list style="check"]

• 220 иконок
• свободен для коммерческого использования
• легко настраивается при помощи CSS
• поддерживает IE7
• любой размер иконок (это же шрифт)

[/icon_list] Теперь для использования этого шрифта не нужно его подключать в коде, достаточно использовать плагин, который так и называется - Font Awesome WordPress Plugin. Он дает возможность вставлять иконки двумя способами - в виде HTML или использовать шорткод. Покажу примеры: [html] <i class="icon-pencil"></i> //вставка в HTML [/html] [php] [icon name=icon-pencil] //вставка шорткодом [/php] Полный список иконок есть в PDF документе, он идет в комплекте с плагином. Ну или можно использовать коды с официального сайта, как вам больше нравится. Зачем это нужно? Очень просто - для большей привлекательности ваших записей, виджетов или списков. Удачного дня ;)