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

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

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

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

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

Taxonomy Images - рубрики

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

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

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

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

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

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

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

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

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




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

  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 штук, по нажатию на кнопку “загрузить еще”?

    Ответить

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