Вывод списка рубрик с изображениями

Бывают ситуации когда хочется вывести список рубрик с картинками. Не всегда это оправдано, но если сильно хочется, то почему бы и нет.

Задача будет состоять из 2 пунктов:

  • необходимо прилепить изображения к рубрикам;
  • вывести такие рубрики с изображениями в нужном месте сайта.

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

Способ первый. Плагин Taxonomy Images

Добавляем изображения к рубрикам

Добавлять картинки будем с помощью плагина Taxonomy Images. После установки плагина необходимо сделать следующее:

1. Выбрать нужные таксономии (в том случае, если их у вас несколько)

Рубрики с картинками

2. Добавить нужные изображения к рубрикам. После установки плагина, у вас появятся дополнительные возможности в разделе Рубрики

Рубрики с картинками

Нажимаете на плюсик и выбираете нужные изображения. Все очень не сложно.

Выводим рубрики с картинками используя плагин Taxonomy Images

Данный код взять с сайта oriolo.ru

Правда, пришлось его немного модифицировать, потому что получался какой-то не правильный html-код и к нему сложно было стили прилепить. В итоге получилось так:

Обратите внимание!

Параметр thumbnail — указывает размер изображения, который будет выводиться. Сами размеры берутся из настроек WP (Настройки — Медиафайлы — Размер миниатюры), по умолчанию стоит размер 150х150.
Параметр category — указывает название таксономии. По умолчанию, стоит category при необходимости указывайте нужную таксономию, например catalog или portfolio.

Способ второй. Плагин Categories Images

Плагины выполняют один и тот же функционал, но у Categories Images, на мой взгляд, удобнее сделано добавление изображений и вывод списка рубрик в нужном месте.

Добавляем картики

Рубрики с картинками

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

Рубрики с картинками

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

Выводим картинки в рубриках с помощью плагина Categories Images

В нужном месте темы, размещаем следующий код

Параметр thumbnail и category обозначают тоже самое, что и предыдущем примере.

Итоги

Оба способа рабочие. Так что выбирайте любой, единственно, мне больше понравилось выводить через плагин Categories Images, как-то с ним проще и удобнее…

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

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

Документация и ссылки

Есть вопросы? Пишем в комментариях.

Всегда ваш, Артем

46 комментариев

  1. Ержан 26.05.2015
    • Артем 26.05.2015
      • Ержан 26.05.2015
        • Артем 26.05.2015
  2. Olga 26.08.2015
    • Артем 26.08.2015
  3. Александр 20.11.2015
    • Артем 20.11.2015
      • Александр 21.11.2015
        • Артем 21.11.2015
          • Александр 22.11.2015
          • Артем 22.11.2015
  4. Александр 23.11.2015
    • Артем 23.11.2015
  5. Олег 23.01.2016
    • Артем 25.01.2016
  6. Алексей 26.01.2016
    • Артем 26.01.2016
  7. Алексей 26.01.2016
    • Артем 27.01.2016
      • Алексей 27.01.2016
        • Артем 27.01.2016
          • Алексей 27.01.2016
          • Артем 27.01.2016
  8. Владимир 02.02.2016
    • Артем 02.02.2016
  9. Денис 14.04.2016
    • Артем 16.04.2016
    • Олег 06.10.2016
      • Артем 06.10.2016
  10. Юрий 19.06.2016
    • Артем 19.06.2016
  11. Александр 07.07.2016
    • Артем 07.07.2016
      • Александр 07.07.2016
        • Артем 07.07.2016
          • Александр 07.07.2016
          • Артем 07.07.2016
          • Александр 08.07.2016
          • Артем 08.07.2016
    • Александр 07.07.2016
  12. Артур 04.04.2017
    • Артем 08.04.2017
  13. Антон Сергеевич 15.05.2017
  14. Дизайнер 21.05.2017

Оставить комментарий

Нажимая на кнопку отправить, я принимаю условия пользовательского соглашения , а также ознакомлен и согласен с политикой конфиденциальности и даю согласие на обработку моих персональных данных

Подписывайся!

Подписывайся!

Подписывайтесь на новости сайта, чтобы ничего не пропустить

Спасибо, что подписались!