В прошлом году WordPress перешел к использованию плагинов из коробки с новыми параметрами. В число плагинов, которые были включены в состав ядра по умолчанию, был плагин MP6. С его помощью можно было сделать полный редизайн панели управления. Одно из изменений — использование иконок Dashicons.

Начиная с версии движка WordPress 3.8 мы увидели новую консоль администратора с новым дизайном. И теперь все новые иконки используются в шрифте Dashicons, а в этом уроке мы расскажем, как правильно добавить обновленные иконки в виде шрифта.

Смотрите также:

Dashicons

Используемые в этом проекте технологии основаны на open source, а исходный код хранится на GitHub. WordPress позволяет использовать этот проект по своему усмотрению, для чего следует ознакомиться с документацией.

Кликнув по каждой иконке, можно посмотреть ее в большом размере при различных вариантах разрешения. Также в документации содержатся сведения о том, какой код добавить в CSS, HTML или Glyph.

Использование Dashicons для пунктов меню в Консоли

Предположим, что в вашей теме добавлен настраиваемый тип постов для слайдера с графическим контентом. Нам нужна иконка, которая выглядит как пиктограмма с изображением, и допустим мы ее нашли в наборе, она подписана строчкой кода dashicons-images-alt2.

Нам надо просто указать определенный тип постов и зарегистрировать его:

register_post_type('slides',
    array(
        'labels' => array(
            'name' => 'Slides',
            'singular_name' => 'Slide'
        ),
        'public' => true,
        'has_archive' => true,
        'menu_icon' => 'dashicons-images-alt2'
    )
);

И вот новый пункт меню Slides стилизован под общий вид вашего меню. Высота и цвет будут такими же, как все остальные используемые пункты меню.

Нюансы и проблемы

Если с иконками в качестве содержимого меню возникают проблемы, авторизуйтесь и используйте инструмент Core Trac для борьбы с возникшими проблемами в работе с WordPress. Если вы не нашли подходящей иконки для вашей целей, то можете запросить создание новой иконки.

В заключение

Как уже упоминалось выше, теперь иконки Dashicons включены в состав ядра WordPress, так что их можно использовать для тем и плагинов даже от сторонних разработчиков.

Вы можете легко использовать такие иконки для пунктов меню и в панели администрирования, и в основном меню, что станет дополнением для нативного оформления WordPress.

Источник: code.tutsplus.com

Вам понравился материал?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

2 комментария

сначала новые
по рейтингу сначала новые по хронологии

извиняюсь за вопрос не по теме

как вы русифицировали на mailchimp подвал и письмо о подписке и отписке

Эти вещи прописываются в коде вставки для формы подписки. Например в данном случае в подвале - это внутри файла single.php нужно поменять фразу на русскую.