Как сделать иконки для рубрик без плагина?

Приветствую, друзья. Некоторое время назад мне приспичило добавить иконки в список рубрик. Ну а что: красиво, наглядно, освежает строгий, скучный дизайн. После общения с поисковой выдачей нашелся рецепт (его или аналогичные предлагают практически на каждом сайте):

Разобралась с инструкцией, добавила, но… выяснилось, что в моей теме он не работает. И плагины для добавления иконок (Category and Page Icons, Simple Category Icons) тоже не функционируют.

В итоге, нашелся альтернативный метод. Думаю, он будет интересен тем, кто столкнулся с подобной проблемой.

Инструкция по добавлению иконок для рубрик

  • Шаг 1. Загружаем иконки на сайт с помощью «Медиафайлы —>Добавить новый». Вам понадобится адрес изображения, найти его можно в поле «Url».загрузка изображений в WordPress
  • Шаг 2. Теперь нужно узнать id каждой рубрики. Чтобы сделать это, нажимаем правой кнопкой мыши на название рубрики в сайдбаре и выбираем «Просмотреть код элемента».   
  • Шаг 3. Выясняем, как в style.css обозначаются стили категорий. Он находится в папке «wp-content—>themes—>название_темы—>css—>style.css». В открывшемся файле нужно найти часть, отвечающую за отображение рубрик в сайдбаре. Включайте логику и ориентируйтесь на поиск слов widgets, sidebar, category и им подобных. Например, в моем случае нужный кусок выглядит так: иконка для рубрики
  • Шаг 4. Отправляемся в меню админки «Внешний вид—>Редактор—>Style.css» и добавляем туда следующую строчку:

где вместо .widget_categories пишете то, что указано в вашем style.css (см. шаг 3, выделенный фрагмент), вместо id — айди нужной рубрики, ну и url меняете на свой.

Повторите этот шаг для каждой категории.

иконки для рубрикКак видите, мы добавили иконку в качестве фона, что может и не совсем логично, но — раз уж классический метод не работает — вполне сгодится. Главное, что изображение отображается корректно. Впрочем, по этому же принципу можно использовать код, указанный в начале статьи (не забудьте подправить в нем все, что нужно). Попробуйте оба варианта: что сработает, то и оставляйте.

© 2016, blogstu.ru. Все права защищены. Копирование материалов сайта запрещено.

Поделиться:
Сохранить:

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

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

15 + 13 =