http://wm-monitoring.ru/ ')) {alert('Спасибо за то что установили нашу кнопку! =)');} else {alert('Очень жаль! =(');}"> http://wm-monitoring.ru/

Главная Новости

Genericons: бесплатные иконки для ваших тем WordPress

Опубликовано: 01.06.2018

Если вы разрабатываете темы для WordPress, то вам наверняка могут пригодиться иконки для форматов записей, для кнопок социальных сетей, для обозначения мета-данных записей и т.д. Genericons — это комплект из более 100 бесплатных иконок для ваших тем и сайтов.

Иконки Genericons

Иконки Genericons удобно использовать в веб-проектах, поскольку они упакованы в специальный шрифт, который легко подключить и использовать с помощью CSS. Для этого вам потребуется лишь директория font и файл стилей genericons.css. Подключить стили в вашей теме для WordPress вы можете с помощью функции wp_enqueue_style() в файле functions.php:

function my_scripts_and_styles() { wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons.css' ); } add_action( 'wp_enqueue_scripts', 'my_scripts_and_styles' );

После этого вы можете использовать следующий HTML код, чтобы вставить иконку из комплекта Genericons в любом месте вашей темы:

<div class="genericon genericon-standard"></div>

Или же с помощью селектора :before напрямую в CSS стилях темы:

.my-icon:before { content: '\f408'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 32px/1 'Genericons'; vertical-align: middle; }

Все значения для иконок вы можете найти на сайте Genericons.com , где вы можете нажав на любую иконку, скопировать требуемое значение в формате для вставки в HTML, CSS или же сам «глиф», который вы можете использовать например в Photoshop.

Все иконки Genericons являются векторными, поэтому вы им можете задавать любой размер и цвет, и качество от этого особо не пострадает. Авторы шрифта Genericons рекомендуют размеры кратные 16-ти пикселям, например 32, 48, 64 и т.д. для наилучшего качества.

Важно отметить, что комплект Genericons распространяется бесплатно под свободной лицензией GPL. Это значит, что вы можете пользоваться иконками без ограничений, изменять их, дополнять и даже распространять с единственным условием: вы должны сохранить лицензию.

Данная лицензия играет огромную роль при разработке тем для официальной директории WordPress.org , поскольку лицензия GPL является одним из требованием, а найти качественные иконки с лицензией совместимой с GPL — задача не из лёгких.

Скачать иконки вы можете на официальном сайте Genericons.com . Если вы знаете ещё какие-нибудь комплекты иконок, лицензии которых совместимы с GPL — оставьте комментарий!

Карта
rss