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

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

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

Для реализации возможности прикрепления миниатюр изображений к рубрикам, понадобится плагин Taxonomy Images. Устанавливаем и активируем, как обычно. Затем переходим в “Параметры – Taxonomy Images” и ставим галочку напротив рубрик и\или меток, в зависимости от того, к какой таксономии вы хотите добавить изображения.

После этого в настройках рубрик появятся специальные настройки, позволяющие прикрепить изображение.

Taxonomy Images - рубрики

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

Taxonomy Images - добавление изображения к рубрике

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

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

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

За вывод изображения рубрик здесь отвечает taxonomy-images-get-terms.

В строках 7 и 15 'taxonomy' => 'category' вместо category надо написать название таксономии, для которой вы хотите вывести изображения. Если это рубрики – то оставить без изменений, если метки – то написать post_tag, если пользовательская таксономия – то ее название, например, portfolio.

Итак, мы вывели список рубрик с описанием и изображением рубрики.

Теперь его можно оформить по вашему желанию при помощи CSS.




44 комментария к “Вывод описаний и изображений рубрик на сайте”

  1. Тимур

    У меня 2 вопроса: 1) Поддерживаются все форматы изображений? 2) Какой плагин используете для отображения кода?
    ps Хорошая статья.

    Ответить
  2. Максим

    Привет. Подскажите, как тоже самое сделать для родительской рубрики. Н:р Категория->Рубрика1->5статей,Рубрика2->5статей,Рубрика3->5статей. В итоге должно получится 3 картинки для 1,2,3 рубрики, а при клике по картинкам или заголовкам попадаешь на статьи выбранной рубрики. Пытаюсь целый день, максимум чего добился, фото выводится только для первой рубрики. Статья супер !!!

    Ответить
    • Елена

      Максим, очень актуально, удалось реализовать задуманное? Меня тоже волнуют этот вопрос.

      Ответить
  3. Jakson

    Добрый день! Можете подсказать.
    Пробовал Ваш код. Он не работает.

    Ответить
    • Leonking

      Добрый день. И у меня не работает. Где должна быть ссылка пусто. Помогите пожалуйста.

      Ответить
  4. Екатерина

    Подскажите. Я вставила ваш код в шаблон страницы, рубрики с описанием отразились, изображения нет и в рубрики перейти не возможно. В чем проблема, посоветуйте что подправить. Можно посмотреть как это выглядит на моем сайте “Все рубрики”

    Ответить
    • Ирина

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

      Ответить
  5. Вячеслав

    Ув. Ирина! Я нигде не могу найти ответ на мой вопрос, возможно Вы поможете.

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

    Спасибо.

    Ответить
  6. Александр

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

    Ответить
  7. Регина

    Здравствуйте! А как можно воспроизвести данную процедуру без плагина?

    Ответить
    • Ирина

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

      Ответить
  8. Mary

    Скажите, а можно ли сделать так, чтобы при открытии каждой рубрики под (или над, непринципиально) анонсами статей отображался текст – индивидуальный для каждой рубрики ?

    Ответить
    • Ирина

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

      Ответить
      • Mary

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

        Ответить
  9. Евгений

    А на какой версии он у вас работает, на сайте написано 3.1 и выше, стоит 3.1 и при загрузке картинок, что-то ломается, картинка загружается, но в окошке уже боле ничего не работает.

    Заранее спасибо!)

    Ответить
    • Ирина

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

      Ответить
  10. Евгений

    А можно я вам на почту скину фото плагинов моих в админке, Вы одним глазком гляните и если вспомниться, Вы мне очень поможете и сможем сюда описать результат. 🙂 А то по запросам “Taxonomy Images конфликт”, без кавычек, в интернете нет ничего путнего. 🙂

    Ответить
  11. Антон

    Помогите пожалуйста, мне нужно чтобы в сайдбаре вместо названия метки выводилась картинка, которую я привязал с помощью плагина Taxonomy Images. Что для этого нужно сделать?

    Я так понимаю в файле темы functions.php прописать нужный код, подскажите…

    Ответить
  12. Евгений

    Не знаю почему на скрипт не работает ваш.

    Ответить
    • Ирина

      А куда вы его вставляете?

      Ответить
      • Евгений

        Я создаю полностью новый шаблон страницы.
        Вставляю код в этот шаблон.
        Пробовал и до и после кода с поста “вывести список рубрик с описанием”
        И без него и с ним=)
        Собственно сам смотрел код, но так и не понял почему он может не работать.

        Ответить
        • Ирина

          Код не будет работать в цикле записи, его нужно вставить до или после цикла

          посмотрите подробнее тут: http://codex.wordpress.org/Цикл_WordPress)

          Ответить
          • Евгений

            Если честно я не понял о чем вы=)
            Код из поста “Вывод списка рубрик с описанием” работает.
            Код из этого поста не работает.
            Вопрос в выводе картинок.
            Причем тут цикл я не совсем понял.

            Ответить
            • Ирина

              А Вы плагин Taxonomy Images установили и настроили картинки для рубрик? 🙂

              Что вообще выводится? Какие-то ошибки есть? Если нет, добавьте в Ваш файл вот это (можно в начале файла, после открывающего тега php):

              И обновите страницу. У Вас должна будет быть куча ошибок тогда – и потом будет понятно как их исправить.

              Ответить
              • Евгений

                Да уже попробовал.
                Пишет.
                Notice: Trying to get property of non-object in

                Ответить
        • Ирина

          > Notice: Trying to get property of non-object in
          Вот там, после “in”, должно быть указание на строку, в которой ошибка.

          Ответить
  13. Андрей

    Только вот для подкатегорий изображения не выводятся. Что делать?

    Ответить
  14. Виктор

    В какой файл нужно вставить код вывода изображений для рубрик, который вы написали?

    Ответить
  15. антон

    ссылка ведет в “#”.. как сделать,чтобы ссылка вела в категорию? спасибо

    Ответить
  16. мила

    Ирина, я пыталась вывести с помощью CSS изображения в несколько рядов и чтобы при этом заголовки располагались под картинками, но ничего не выходит, так как изображение и название рубрики – разные элементы. Подскажите, пожалуйста, есть ли решение?

    Ответить
  17. Буян

    Здравствуйте! Подскажите пожалуйста как мне вывести рубрики с изображениями как здесь: https://support.google.com/?hl=ru. И чтобы была возможность вручную включать рубрики include или что там еще можно. Я плохо в пхп разбираюсь.

    Если с помощью include не получиться то просто список всех подрубрик родительской рубрики. Спасибо!

    Ответить
  18. Артем

    Приветствую! Код рабочий, но есть несколько оговорок:
    1. Хтмл формируется не правильный. Например, в маркированном списке не тега ul и получается что пункты списка провисают.
    2. Когда происходит вывод картинок и названий рубрик, то получается, что в картинке есть ссылка на рубрику, а в названии нету.
    3. Ну и так и не разобрался почему картинки не выводяться, если в рубриках нет статей
    А так все хорошо)))

    Ответить
  19. Elena

    Ирина, отличный плагин, спасибо Вам!
    Скажите пожалуйста, как сделать так, чтобы не отображались миниатюры рубрик, и миниатюры товаров (нужен просто список без картинок – миниатюр по-умолчанию). Спасибо.

    Ответить
  20. Elena

    Ирина, а как сделать чтобы осуществлялся поиск также по артикулу?

    Ответить
  21. Рамиль

    Круто! У меня работает!
    Спасибо вам! Прям выручили. Клиент просил реализовать вывод рубрик с картинками, а я не знал как.
    Ваш код отлично работает!!!

    Ответить
  22. artur

    Спасибо, вы мне помогли. очень!

    Ответить
  23. Валера

    А может есть какой-то плагин, который может решить это быстро и без копания в коде?

    Ответить
  24. Аптуп

    Здравствуйте. Понимаю, что статься старая и может мне никто и не поможет, но все же попробую. У меня на сайте большое количество рубрик. С помощью этого кода и плагина они все выводятся на странице. Сразу десятки категорий подгружаются. Можно ли как то сделать подгрузку категорий, например по 10 штук, по нажатию на кнопку “загрузить еще”?

    Ответить
  25. Антон Сергеевич

    Отличная статья, большое спасибо! Добавил Ваш блог в закладки и продолжаю читать – уже много полезных и жизненно-важных вещей узнал! Удачи Вам!

    Ответить

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