Работа с миниатюрами в WordPress
Доброго времени суток. В серии статей по созданию темы для WordPress я затронул тему работы с миниатюрами: «Теги для работы с миниатюрами постов WordPress» и «Создание темы для WordPress. Поддержка миниатюр». А в данной статье я хочу немного дополнить эти статьи.
Ну, что ж поехали…
Включение поддержки миниатюр в теме WordPress
Для включения поддержки миниатюр (или thumbnail) в WordPress в файл functions.php нужно добавить следующую функцию:
add_theme_support( 'post-thumbnails' );
Вывод миниатюр в WordPress.
Для вывода миниатюр используются несколько функций:
- Для проверки существует ли thumbnail для поста
has_post_thumbnail( int|WP_Post $post = null )
В качестве параметра передаем id поста или сам пост.
Возвращает true или false.
- Функция показывает миниатюру
the_post_thumbnail( string|array $size = 'post-thumbnail', string|array $attr = '' )
В качестве параметров мы передаем size – это или название размера или массив с размерами (типа array(<ширина> , <высота>)) и второй параметр attr – это атрибуты (например, [‘class’ => ‘img-responsive’, ‘title’ => ‘My image’])
Есть еще пара, но они используются реже.
Предустановленные значения миниатюр в WordPress.
В WordPress есть пять предустановленных размеров:
- thumbnail – 150×150
- medium – 300×300
- medium_large – 768×0 (высота не ограничена), добавлено в WordPress начиная с версии 4.4
- large – 1024×1024
- full – оригинальный размер файла
Создание нового размера картинки
WordPress не ограничивает нас предустановленными размерами картинок. Как уже говорилось выше мы можем задать размер при выводе миниатюры. А можем зарегистрировать свой размер. Для этого используется функция add_image_size, которую необходимо добавить в файл functions.php нашей темы.
add_image_size( string $name, int $width, int $height, bool|array $crop = false )
В качестве параметров мы передаем:
- name – название размера
- width – ширина
- height – высота
- crop – по умолчанию false (картинка масштабируется), true – картинка обрезается.
Заключение.
Мы с вами рассмотрели:
- как включить поддержку миниатюр в тем WordPress
- вывод миниатюр
- предустановленные размеры картинок в WordPress
- как создать (зарегистрировать) свой размер картинки