Задаем произвольные размеры для миниатюр в WordPress

Произвольные размеры миниатюр в WordPress. Как задать свои размеры миниатюры в WordPress.

Добрый день. Этим уроком мы продолжаем обучение по WordPress. И сегодня мы рассмотрим как задать в WordPress свои произвольные размеры для миниатюр в постах.

Задаем произвольные (свои, кастомные) размеры миниатюр

Открываем файл functions.php и в конце файла пишем комментарий о том что начинаем свой произвольный код, и вставляем код для регистрации своих размеров миниатюр:

// МОИ ФУНКЦИИ

// Задаю миниатюры и размеры миниатюр для постов

// добавляем миниатюты в тему
if ( function_exists( 'add_theme_support' ) ) 
 add_theme_support( 'post-thumbnails' );

// Определяем размеры миниатюр
if ( function_exists( 'add_image_size' ) ){
 add_image_size( 'tie-small', 100, 55, true ); //$width, $height, $crop
 add_image_size( 'tie-medium', 300, 150, true );
 add_image_size( 'tie-large', 600, 300, true );
}

Этим кодом мы добавили 3 размера для миниатюр, которые называются tie-small, tie-medium и tie-large соответственно.

 Выводим в шаблоне кастомные размеры миниатюр

В данном примере я использую тему twentytwelve. В этой теме обычные посты выводятся шаблоном content.php. Открываю этот шаблон. В нем миниатюра записи выводится на 20-й строке кодом:

<?php if ( ! post_password_required() && ! is_attachment() ) :

     the_post_thumbnail();

endif; ?>

Нам необходимо вывести свои новые размеры миниатюр. Заменим этот код приведенный выше на следующий:

<?php if ( ! post_password_required() && ! is_attachment() ) :
                
     // the_post_thumbnail(); комментирую/отключаю стандартный вывод миниатюры
     echo get_the_post_thumbnail( get_the_ID(), 'tie-medium' ); // вывожу свой размер миниатюры

endif; ?>

Я закомментировал стандартный код вывода миниатюры, отключив его, и после него добавил код вывода своей миниатюры, размера tie-medium. Теперь в постах выводятся миниатюры заданного размера tie-medium 300px X 150px.

 

Дополнение.

Порядок работы с миниатюрами при создании сайта/темы:

1. Определяем какие размеры миниатюр будут использоваться на сайте

2. Регистрируем соответствующие размеры в functions.php

3. Добавляем миниатюры, если миниатюры уже заданы, тогда запускаем плагин regenerate thumbnails

4. Выводим миниатюры в шаблонах