Авг 26

Добавляем красивые иконки в меню «Категории»

Wordpress, Дизайн и графика, Начинающему блоггеру, ПлагиныКомментировать

Всем привет!

О очень люблю копаться в своем блоге, украшать его, настраивать и делать более симпатичным и удобным. Сегодня мы будем немного украшать сайдбар блога. Я я научу вас, как сделать меню «Категории» более привлекательным и радующим глаз владельца блога и его читателей.

Для этого не потребуется перебирать весь шаблон и играться с файлом Style.CSS. Все что от нас потребуется, это установить один маленький плагин и настроить его.

Имя плагина - Category and Page Icons, скачать его можно здесь.

Процесс установки предельно прост:

1. Скачиваем плагин;

2. Распаковываем;

3. Заливаем через FTP в директорию wp-content/plugins;

4. Активируем плагин в админке WordPress;

Все!

Теперь смотрим, какой результат можно получить от использования плагина:

Нравится? По мне, так намного симпатичнее и тематичнее.  Хотите такое же меню «Категории»? (у меня называется «Рубрики»)

Тогда проделываем следующее. Плагин активировали, теперь переходим в его настройки:

Кликаем на «Setting» и попадаем на страницу настройки плагина:

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

После того, как разобрались с размером, переходим в меню «Icons». Здесь вы сразу попадаете на страницу добавления/удаления иконок.

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

Здесь в выпадающем списке выбираем изображение, соответствующее категории, название которой выводится правее. После того, как все изображения назначены соответствующим категориям, не забываем сохранить свою работу, кликнув внизу на «Сохранить изменения».

Все что остается сделать — открыть свой блог и полюбоваться на результаты проделанной работы.

Хочу сказать, что самое сложное в настройке иконок категорий — найти изображения для иконок. У меня на это ушло около часа, тогда как на настройку минут 5, не больше  :wink:

Надеюсь, вам было интересно, и вы узнали для себя что-то новое! До следующего поста!

Понравился пост?

  • Да (84%, 21 Votes)
  • Нет (16%, 4 Votes)

Total Voters: 25

Loading ... Loading ...

автор: Олег Маркарьян \\ теги: , ,

Подпишись на обновления блога
прямо сейчас и получи
3-хчасовой видеокурс
"Wordpress блог с нуля для начинающих"
в ПОДАРОК:


Поделитесь статьей с друзьями:

Похожие записи в блоге:
  • Как сделать скриншоты работ для портфолио копирайтера?
  • Тестирование новой версии Twidium
  • Яндекс.Директ и Google Adsense. Результаты новых экспериментов


    • Отзывов (28) на «Добавляем красивые иконки в меню «Категории»»

    1. Жерка Лукич пишет:
      26 Авг 2010 в 0:37

      А теперь наведи курсор на категорию, вёрстка не очень (Google Chrome 5).

    2. bikker пишет:
      26 Авг 2010 в 4:19

      Спасибо за плагин, возьму его на заметку))) Теперь сайдбар действительно приятней смотрится)) :cool:

    3. Денис Каплунов пишет:
      26 Авг 2010 в 10:13

      Сайдбар стал более красочным и радостным. Да и хорошо вписывается в твой общий диз…

      Жаль, что у меня не Вордпресс… :smile:

    4. Наталья Карья_aka_Tashka пишет:
      26 Авг 2010 в 10:21

      Олег, СПАСИБО!

      Мне очень пригодится на сайт о кроликах. А где брал иконки? Или, может, есть смысл под заказ…

    5. Andry пишет:
      26 Авг 2010 в 15:33

      Я обычно для таких целей использую CSS. Опять же нагружаете движок доп плагинами.

    6. Александр Кривой пишет:
      26 Авг 2010 в 17:27

      @Andry, все упирается в возможности хостинга, мы же не знаем какие возможности у Блогоники, по крайней мере я. Все от этого зависит. Да и собственно, от количества уже установленных плагинов.

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

      Лучше конечно это делать через css, но для тех кто не в курсе — этот плагин как раз подойдет.

    7. Олег Маркарьян пишет:
      26 Авг 2010 в 17:41

      Жерка Лукич, ты о чем? Можно подробнее?

      bikker, рад, что был полезен :wink:

      Денис Каплунов, я уверен, что и на Joomla тоже есть подобное. :smile:

      Наталья Карья      , иконки в сети искал. Плагин сам размер нужный создает :wink:

      Andry и Александр Кривой, я бы с радостью прямо в шаблоне прописал, но это проблематично. Для каждой категории свою картинку. Если научите, буду очень признателен. С CSS дружу на уровне любителя.

    8. BloggerMen пишет:
      26 Авг 2010 в 18:49

      Раньше видел такое оформление, но не знал, что это можно сделать плагином. Так что пост для меня очень полезный. Спасибо.

    9. Жерка Лукич пишет:
      26 Авг 2010 в 19:14

      вот скрин http://habreffect.ru/files/981/a6f1bbbc7/Untitled-1.png

    10. Rostislav. пишет:
      26 Авг 2010 в 19:25

      Сделал реттвит, надо будет у себя поэкспериментировать. :smile:

    11. Just-Seo.RU пишет:
      26 Авг 2010 в 22:25

      Спасибо. Теперь и себе так сделаю :)

    12. Александр Кривой пишет:
      27 Авг 2010 в 7:35

      Олег, в css прописывать все это можно, но муторно. С этим согласен. Особенно, если знания на уровне любителя. Собственно, я далеко сам не ушел в этом плане.

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

    13. nemetc пишет:
      27 Авг 2010 в 14:58

      Спасибо автору за подробную инструкцию использования этого плагина!!! Респект

    14. Евгений пишет:
      28 Авг 2010 в 21:39

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

    15. Александр Кривой пишет:
      28 Авг 2010 в 21:54

      @Евгений, точно! Это еще не ко всем темам подойдет плагин. На некоторых темах, иконки выглядят очень криво по отношению к тексту названия рубрик. тут уж без правки css наверное не обойтись. Или поменять тему. А здесь на Блогонике — они смотряться (иконки в смысле) очень гармонично.

    16. net-dengi.ru пишет:
      28 Окт 2010 в 22:03

      Олег огромное вам спасибо!

    17. Андрей пишет:
      27 Янв 2011 в 18:53

      Большое спасибо за этот замечательный плагин!
      Буквально в считанные минуты поставил себе на сайт.
      Рекомендую всем вебмастерам! :w00t:

    18. Оксана пишет:
      20 Фев 2011 в 12:09

      Очень классная статья и СПАСИБО ОГРОМНОЕ АВТОРУ!!! ;)
      Может подскажите, как на блоге можно смайлики ещё добавить разные (в статьях, в коментах)! А то у меня только 2: :) и ;) .

    19. Марина пишет:
      17 Апр 2011 в 17:02

      Здравствуйте, спасибо Вам огромное за очень познавательный материал, мне очень понравилась эта статья!!! И я сразу загрузила плагин, установила, но когда загружаю иконку, сверху сразу красная надпись «Ошибка безопасности» и дальше никаких движений((( Вы могли бы мне подсказать с чем это связано и как исправить? Заранее спасибо огромное и успешной работы!

    20. merfo пишет:
      25 Апр 2011 в 12:43

      вот у меня такая ошибка, как решить? Warning: is_dir() [function.is-dir]: open_basedir restriction in effect. File(/home) is not within the allowed path(s): (/home/merfo630:/usr/lib/php:/usr/local/lib/php:/tmp) in /home/merfo630/public_html/grinband.ru/wp-content/plugins/category-page-icons/menu-compouser.php on line 689

      Warning: mkdir() [function.mkdir]: Permission denied in /home/merfo630/public_html/grinband.ru/wp-content/plugins/category-page-icons/menu-compouser.php on line 690

    21. Василий пишет:
      31 Май 2011 в 10:45

      Все супер , работает без проблем!!! :alien:

    22. slava22 пишет:
      09 Авг 2011 в 22:42

      а сами иконки где скачать

    23. Dzhaga пишет:
      11 Авг 2011 в 9:41

      Интересная находка для рубрик блога. Мне очень понравился плагин.Отлично ставится, минимум настроек. Спасибо :tongue:

    24. Олег Маркарьян пишет:
      11 Авг 2011 в 9:57

      BloggerMen, на здоровье! :wink:

      Жерка Лукич, у меня вроде бы все ок.

      Rostislav, успешных экспериментов! :smile:

      Just-Seo.RU, рад что оказался полезен.

      Александр Кривой, хорошее рассуждение. Вот действительно, с одной стороны в CSS все прописывать удобнее, без использования сторонних скриптов. Но с другой, при смене темы — все заново :sad:

      nemetc, пожалуйста! Пользуйтесь!

      Евгений, согласен. Например, к своему второму блогу я подобное прикрутить не смог — не красиво.

      net-dengi.ru, всегда пожалуйста!

      Андрей, удачного использования :wink:

      Оксана, я кажется где-то писал про смайловые плагины…

      Марина, честно говоря, не знаю, что за проблема. Может быть, у Вас стоит какой-то плагин для безопасности?

      merfo, попробуйте удалить и установить плагин заново.

      Василий, отлично! :wink:

      slava22, я просто в сети искал и в фотошопе под нужный размер затачивал.

      Dzhaga, на здоровье! :smile:

    25. Евгений пишет:
      25 Ноя 2011 в 2:10

      Очень полезный плагин. А кто подскажет способ как разделить список рубрик для вывода в две колонки, а не в одну?

    26. Денис пишет:
      27 Ноя 2011 в 16:21

      большое спасибо помогло, радуюсь теперь

    27. Landorn пишет:
      05 Янв 2012 в 4:13

      Спасибо большое за статью!Обязательно поставлю иконки.А вы случайн не знаете,как добавить слайды с рубртками в сайдбар?Так чтобы они вертикально находились

    28. Chudikos пишет:
      15 Апр 2012 в 14:28

      Хороший плагин,но все же наверное лучше ручками и в css прописать.

    Оставьте свой отзыв

    :alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub:
    БЛОГОНИКА.@2009-2011 Все права защищены!
    Перепечатка материалов сайта разрешена только при наличии активной ссылки на источник.