Работа с миниатюрами в WordPress

Ромчик
0

Создание своей темы для WordPressДоброго времени суток. В серии статей по созданию темы для WordPress  я затронул тему работы с миниатюрами: «Теги для работы с миниатюрами постов WordPress» и «Создание темы для WordPress. Поддержка миниатюр». А в данной статье я хочу немного дополнить эти статьи.

Ну, что ж поехали…

Включение поддержки миниатюр в теме WordPress

Для включения поддержки миниатюр (или thumbnail) в WordPress в файл functions.php нужно добавить следующую функцию:


add_theme_support( 'post-thumbnails' );

Вывод миниатюр в WordPress.

Для вывода миниатюр используются несколько функций:

  1. Для проверки существует ли thumbnail для поста

has_post_thumbnail( int|WP_Post $post = null )

В качестве параметра передаем id поста или сам пост.

Возвращает true или false.

  1. Функция показывает миниатюру

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
  • как создать (зарегистрировать) свой размер картинки
Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

©2012-2018 По всем вопросам обращайтесь через форму обратной связи

Яндекс.Метрика