Владимир Вокстермен

Или вывод картинки рядом с названием рубрики wordpress. Так эту тему тоже можно назвать. Я кое-что узнал для вас интересное.


Да, действительно, кое что узнал про вывод картинки рядом с названием рубрики. Ой, простите, здравствуйте. Приветствую вас на «Блоге альтруиста», как ни странно, но блог рассказывает о том, как заработать в интернете и в Беларуси. Начнем.

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

Вывод картинки в соответствующей рубрике

Хм… продолжим. Сделать картинки рядом с названиями рубрик или картинки рубрик рядом с названиями постов совсем просто. Сделать это можно при помощи специального плагина, название которого я не произнесу вслух, потому что плагин ужасный. Альтернативный вариант — поработать с ID рубрик(идентификационными номерами рубрик). Для присвоения этих номеров(не только рубрикам, но и страницам, тегам и даже комментариям) понадобится плагин Reveals ID.

Так можно найти плагин Reveals ID:
найти и установить плагин reveals id
Найти и установить плагин Reveals ID

Так можно установить плагин Reveals ID:
Найти и установить плагин Reveals ID

Легко настраиваете, быстро сохраняете, резво переходите в раздел «Записи-Рубрики», видите следующее:
Вывод картинки в соответствующей рубрике

А теперь есть и эти числа нам очень пригодятся.
Находим в шаблоне темы(шаблон темы располагается: http://вашсайт.рф/public_html/public_html/wp-content/themes/название_темы) место, где мы хотим вставить картинку рубрики. В моем случае это index.php, который в папке темы. Index.php в моей(а может и в вашей) теме отвечает за вид главной страницы.

Задача: выводить рядом с названием поста определенный рисунок, который зависит от рубрики.Редактируемый шаблон — дизайн моего нового проекта, о котором тссс…:)

Было:
Вывод картинки в соответствующей рубрике

Стало:

Вывод картинки в соответствующей рубрике

Как же я это сделал? Нашел код, который отвечал за вывод названия поста.

Далее вставил следующий очень полезный код вставки изображения из рубрики:

Разберем, как работает код. Для начала нужно создать в корне сайта(в public_html) папку images, где будут располагаться картинки. Какие картинки?! Картинки формата png(можете выбрать jpg, gif, но тогда нужно будет менять расширения и в коде). Картинки имеют названия 1.png, 3.png, 4.png. Все(!) картинки в папке  images  должны иметь одинаковое расширение(или jpeg, или png, или gif, или…). Так как 1, 3, 4 — это ID моих рубрик(несколько картинок выше). У вас могут быть другие номера. Ничего страшного — переименуете картинки как удобно.

$category->cat_ID  заменяется на номер(ID) рубрики,  $category->cat_name на ее название.

Получается, что если рисунок выводится перед постом из рубрики «Есть идея», код автоматически(мы этого не видим) принимает следующий вид:

И выводит нужную картинку. Если рубрика меняется, то и картинка меняется, об этом вы догадались.

Если вам статья понравилась, твитьте, ставьте «мне нравится»  и «+1», подписывайтесь на обновления(в правом верхнем углу достаточно ввести e-mail). Может вскоре и на ваши сайты взгляну, где есть рубрики с картинками. Чао!

Вывод картинки в соответствующей рубрике wordpress

Поставьте оценку автору!

Для меня это невероятно важно, а у вас займёт всего лишь один клик.

УжасноПлохоСреднеХорошоОлтично! (2 оценок)
Загрузка...
4 Комментария
  1. kkrampa
    21.03.2012 at 02:05

    Автор! Кривой код на сайте а ты спишь! Что это за ерунда! Это код такой вид принимает ‘; } ?> да уж… Напиши нормально про картинки и рубрики.

    • Максим
      МаксимОтветить
      05.02.2013 at 20:31

      Мне очень даже понятно,некоторое я конечно знал,но и остальное тоже очень полезно)

  2. ushi
    28.09.2011 at 10:09

    Для выравнивания использовались таблицы стилей. Что-то похожее я реализовал здесь:http://blogalt.ru/wordpress/knopki-i-vidzhety-socialnyx-setej-dlya-bloga-wordpress.html. В этой статье я сделал при помощи таблиц кнопки социальных сетей на одной линии.

  3. mamanegra
    28.09.2011 at 07:24

    Спасибо за статью. Текст «съехал» относительно картинки. А хочется, чтобы и картинка и текст были на одном уровне. Как сделать?

Добавить комментарий

Ваше сообщение*

Имя*
Email*
Сайт