Каждой рубрике своя иконка

Каждой рубрике своя иконка:

Каждой рубрике своя иконка

Привет друзья! Сегодня мы рассмотрим, как сделать для каждой рубрики свою иконку. Это несомненно украсит ваш блог и добавит изюминку в оформление. Обычно в сайдбаре рядом с каждой рубрикой выводятся стандартные маркеры списка. С помощью одного плагина мы сделаем разные картинки.

Установка

Качаем плагин по ссылке Category and Page Icons и устанавливаем его у себя на блоге. Переходим к настройке.

Настройка

После установки в админке вашего сайта появится новый раздел меню menu

Сразу же заходим в Settings и чуть подкорректируем данные. menu2

Store uploads of icons in this folder – папка, в которую будут помещаться загруженные вами иконки. Советую оставить по умолчанию.

Thumbnail icons size – размер иконок. По умолчанию стоит 28х28. Лично я бы уменьшил размеры до 18х18 – 22х22. Большие картинки рядом с рубриками смотрятся не очень приятно. Иногда даже отвращение вызывают.

Delete icons data – поставьте чекбокс, если хотите, чтобы при удалении плагина удалялись все закаченные иконки.

Настройки закончились. Не забываем сохранять изменения и переходим к следующему шагу.

Загрузка иконок

Идем в раздел Icons и нажимаем на ссылку Add / Delete icons. Перед вами появится кнопка загрузки. menu3 Нажимаем, выбираем картинку с компьютера. Картинка загрузилась. Идем далее.

Прикрепление иконки к рубрике

Теперь применим загруженную картинку как иконку определенной рубрики. Проходим по ссылке Assign icons to Categories. Перед нами появился список рубрик. menu4

В разделе Select Icon выбираем иконку, которую загрузили.

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

Сохраняем изменения и идем смотреть результат. У меня получилось так. itog

Получилось криво. Объясню почему.

1.Картинка появилась сразу после маркера. Он задан у меня в шаблоне для всех списков в сайдбаре при помощи свойства background. Просто убираем это свойство – убираются маркеры. Но уберутся они и в других виджетах (Архивы, Последние записи и т.д).

2.Рамка у картинки. Это тоже задано у меня в теме. Для всех картинок установлен border. Убираем – нет рамок.

И еще одна возможность плагина – добавлять к каждой странице свою иконку. Все делается по аналогии с рубриками, только прикрепление иконки к ссылке странице будете делать через раздел Assign icons to Pages.

Партнерки для сайта на которых есть реальный заработок. Посмотрите и начните зарабатывать прямо сейчас.


Советы от Писклова