Здравствуйте. Еще в версии 3.8 WordPress введен встроенный набор значков шрифтов и назван Dashicons. В самом Вордпресс эти значки используются для различных ссылок на левой панели администратора. Хоть это все и было создано для ядра, dashicons можно использовать в собственных плагинах и темах.
Логотипы и иконки являются важной частью дизайна веб-сайта. Они не только помогают визуально оформить страницы, но и помогают пользователям быстро ориентироваться в интерфейсе сайта. WordPress не исключение, и для того, чтобы добавить иконки к своему контенту, существует специальный набор иконок — Dashicons.
Что такое Dashicons?
Dashicons — это набор иконок, разработанный для WordPress и доступный для использования в макетах темы, плагинах и на страницах административной панели сайта WordPress. Коллекция содержит более 300 иконок, которые могут быть использованы для различных задач, таких как отображение социальных сетей, типов контента, действий и многих других.
Как использовать Dashicons?
Чтобы использовать Dashicons на своем сайте WordPress, вам нужно знать CSS-классы, связанные с каждой иконкой в списке. Например, чтобы добавить лайк-иконку, вы можете использовать следующий код:
<i class="dashicons dashicons-heart"></i>
Для того чтобы изменить размер иконки, используйте CSS свойства font-size:
<i class="dashicons dashicons-heart" style="font-size:20px;"></i>
Если вы создаете свою тему или плагин, то можете использовать стандартный HTML-код для использования Dashicons:
<link rel="stylesheet" href="<?php echo esc_url( admin_url( 'css/dashicons.min.css' ) ); ?>" />
Чтобы добавить иконку в свое содержимое, вам также необходимо знать название нужной иконки. Вы можете посмотреть все доступные иконки и их соответствующие CSS-классы на странице справки WordPress на сайте https://developer.wordpress.org/resource/dashicons/.
Также вы можете просмотреть список иконок в содержимом своей административной панели WordPress. Для этого зайдите на страницу редактирования сообщения или страницы и найдите кнопку «Добавить объект». Нажмите на нее и найдите значок Dashicons в разделе «Заголовоки иконок». Нажмите на кнопку «Выбрать иконку» для просмотра всех доступных значков.
Хотя вам может понадобиться некоторое время, чтобы освоить набор иконок Dashicons, они являются ценным инструментом для создания сайтов WordPress. Используйте его, чтобы добавить элементов дизайна в свой контент и облегчить навигацию пользователя по вашему сайту.