Как присвоить рубрике иконку. Category and Page Icons
Продолжаем делать шаблон своего сайта уникальным и индивидуальным. На этот раз предлагаю Вам сделать иконку напротив рубрики или названия страницы в меню (верхнем или сайдбаре).
В реализации задуманного поможет плагин Category and Page Icons, который распространяется бесплатно и легко в настройках.
Category and Page Icons позволяет установить свои иконки для рубрик, что отображаются в Вашем сайбдаре (боковой панели сайта) при помощи виджета. Аналогично и со страницами (не путать со статьями), которые Вы создаете через админку своего блога. Смотрите скриншот:
На скриншоте представлены три рубрики и напротив каждой стоит своя иконка. Именно это и делает рассматриваемый плагин.
Какого то специального вмешательства в код сайта, чтобы подключить плагин, ненужно. Он автоматически начинает работать, если в коде сайта используются функции wp_list_pages и wp_list_categories.
Качаем плагин в конце статьи с официального источника и устанавливаем. Для тех, кто не знает как можно установить плагин (замечу: 2 способа установки), читаем статью "Инструкция по установке плагина WordPress".
Все, установили и активировали. Теперь в консоли админки сайта появился новый блок, под названием Icons. В этом блоке 2 подраздела:
- Icons - в этом разделе мы: закачиваем иконки; назначаем иконки для конкретных рубрик и страниц; удаляем иконки.
- Settings (Настройки) - здесь: назначаем папку, в которой будут лежать иконки; устанавливаем ширину и высоту иконок.
Начнем (Settings) с настроек именно этого пункта (так надо:)))
В настройках по порядку идет:
- Место расположение папки с иконками на Вашем хотстинге. По умолчанию это wp-content/uploads/icons. Если у Вас есть острая необходимость, то можете изменить этот путь, предварительно создав папку и выставив права на нее 777.
- Ширина и высота - тут все понятно: задаем размеры Вашей иконки. Отметив галочку - Вы обрежете картинку большего размера, с сохранением пропорций.
- Delete icons data - при удалении данного плагина Вы можете удалить и настройки иконок для рубрик и страниц, но сами иконки останутся физически у Вас на хостинге.
- Copyright notice - когда галочка будет стоять на этом пункте - у Вас в подвале (футере) сайта будет стоять сквозной линк на разработчиков плагина. Решайте сами.
Теперь очередь закачать иконки (пункт Icons) и начать их размещать.
- Add / Delete icons - нам сразу предлагают закачать иконки на хостинг. Это можно сделать из админки (Choose Icons to upload - Выбрать файл), либо через ftp (вот почему я начал с настроек плагина, где указана папка, куда будем помещать картинки). В этом же пункте мы можем удалить ненужные.
- Пункты меню Assign icons to Pages и Assign icons to Categories - выбрать иконку для страниц и рубрик, соответственно. Здесь все очень просто: напротив каждой рубрики (страницы) поле выбора иконки из списка тех, что Вы закачали. Все что остается - это указать иконку и нажать Сохранить.
Все, можете смотреть на результат.
Когда я установил данный плагин для тестов, то была некоторая проблема с отступами в сайдбаре (margin и padding). Решается это все вмешательством в файл стилей плагина под названием client.css и лежащего в папке css с плагином.
[downpg wp="2.7+" vp="0.8" href="http://wordpress.org/extend/plugins/category-page-icons/"]Скачать Category and Page Icons[/downpg]