Font Awesome для WordPress

22.10.2012

Font Awesome для Wordpress

Если вы так или иначе связаны с веб-разработкой, то наверняка слышали о фреймворке Twitter Bootstrap. Это такая модная нынче штука для разработки сайтов, с крутыми синенькими кнопками. Но речь не о нем, а о символьном шрифте Font Awesome, который разработан для Twitter Bootstrap.

Что такое символьные шрифты и зачем они нужны — об этом можно почитать в этой статье. А мы поговорим про Font Awesome — самый продвинутый шрифт из всех символьных. Это, конечно, только мое мнение, вы можете смело с ним не соглашаться. Официальный сайт шрифта находится тут.
Font Awesome
Итак, что он умеет?

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

Теперь для использования этого шрифта не нужно его подключать в коде, достаточно использовать плагин, который так и называется — Font Awesome WordPress Plugin.

Он дает возможность вставлять иконки двумя способами — в виде HTML или использовать шорткод.
Покажу примеры:

<i class="icon-pencil"></i> //вставка в HTML
[icon name=icon-pencil] //вставка шорткодом

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

Удачного дня

,

Комментариев: 7

  1. WB-Nox

    На верху же примиум платный. Со слов «GerinG»-а, я так понял, что есть бесплатная тема, только она проще…

    Ответить
    • GerinG

      Любопытно. Я пробовал на этом шаблоне — конфликтов не было. Видимо, в премиуме накручено не пойми чего ))

      Ответить