WordPress картинка рубрики

WordPress картинка рубрики
WordPress картинка рубрики

Добро пожаловать на наш замечательный проект, если Вы впервые сюда попали. Сегодня мы будем добавлять картинки к рубрикам сайта. По личной практике могу отметить, что данная опция очень востребована среди пользователей WordPress. У нас возникает дополнительный трафик, повышается юзабилити и улучшаем интерфейс. Сегодня мы будем разбирать данный вопрос в деталях. Миниатюра рубрики WordPress даёт огромные преимущества.

Как добавить картинки в рубрики вордпресс?

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

Инструкция по добавлению плагина WordPress

1) Скачиваем, устанавливаем и активируем Category Thumbnails. К счастью, процесс установки разбирался везде многократно. Ничего сложного в нём нет, повторяться я не буду. Если у Вас возникли с этим какие-то проблемы, используем поисковую систему Google.

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

Добавление специального кода в WordPress

2) В functoins.php нашего сайта вставляем специальный небольшой код, позволяющий использовать картинки для рубрик wordpress. Не исключено, что когда плагин будет установлен, Вы получите сообщение о невозможности отображения изображений.

Отображение миниатюр включается с помощью специальной функции, которая применяется в файле functions.php. Не будем ничего выдумывать, будем следовать по порядку инструкции. Переходим в wp-content/themes/наш_шаблон. Ищем конец кода, и перед фрагментом кода ?> прописываем эту функцию:

add_theme_support('category-thumbnails');

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

3) На этом шаге задаем размер изображений миниатюр. Если Вы обрезаете картинки самостоятельно, то можно пропустить данный пункт. В большинстве случаев, пользователи WordPress доверяют эту задачу специальному коду PHP. Он уменьшает изображения до нужного размера.

Опять отправляемся в functions.php, по аналоги добавляем ещё один небольшой код:

add_image_size($name, $width, $height, $crop);

Мы получаем код с 4-мя параметрами, которые отвечают за наши миниатюры категорий.

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

Лучше использовать в качестве параметра true. Даже если изображение будет немного обрезано, оно будет точно соответствовать указанному размеру и пропорциям.

В результате у меня получился следующий финальный код, который я добавил в functions.php:

add_image_size('img_catalog', 250, 300, true);

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

4) Присваиваем категории миниатюру. Если нам требуется использовать миниатюру, переходим в админ панель. Жмём клавишу — обновить.

5) Выводим миниаютры в шаблоне. Ищем файл category.php. Добавляем код:

echo wp_get_attachment_image($img_info->id, 'img_catalog')

Если Вы заметили, один из параметров мы использовали ранее.