Июл 23, 2015 - 0 Comments - Без рубрики -

Иконки встроенные в wordpress

Начиная с версии 3.8 в wordpress включен набор векторных иконок, которые можно использовать в записях, страницах, админке и т.д.
Вам не нужно устанавливать дополнительные плагины или подключать шрифты с иконками — вставить иконки очень просто, более подробно читайте ниже.
PS: Статья в процессе написания…

Полный список иконок можно посмотреть здесь:
«developer.wordpress.org/resource/dashicons»

встроенные в wordpress иконки

Под каждой иконкой расположен её цифровой код:
встроенные wordpress иконки

Но в большинстве случаев нам нужен не цифровой код иконки, а её название «класса» иконки, чтобы его узнать нужно кликнуть по понравившейся вам иконке и в открывшемся окошке будет указан название её класса:

класс иконки как узнать

Здесь же вы можете нажать на ссылку «Copy HTML» и получить код для вставки данной иконки в записях и страницах сайта:

ikonki5

Как же разместить иконку в записи, странице?

Для этого достаточно войти в пункт «Добавить запись/страницу» (админка — в левом меню выбираем пункт «Записи» — подпункт «Добавить новую»), здесь переходим во вкладку «Текст»:

редактор записи wordpress

И разместить в нем код иконки, указав необходимый «класс»:

<span class="dashicons dashicons-smiley"></span>

Как изменить размер и цвет иконки?
Так как иконки — векторные — то увеличение ее размера — не повлияет на качестве иконки.

Для этого достаточно указать для иконки дополнительные стили, например вот так:

<span class="dashicons dashicons-smiley" style="font-size:120px;color:#0074a2;display:inline;"></span>

Как изменить иконки в панели управления (админке) wordpress?

«wp-includescssdashicons.css»

Скачать исходники к статье можно ниже

This entry passed through the Full-Text RSS service — if this is your content and you’re reading it on someone else’s site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Человек ? *