Реализация поддержки миниатюр в темах WordPress

Миниатюры (Post Thumbnails, или Featured Image) — удобный инструмент WordPress, позволяющий «закрепить» за постом (записью) блога определенное графическое изображение, не помещая его в тело записи. Это изображение можно использовать, например при выводе анонса статьи в сайдбарах или на страницах блога, либо в других целях.

Стоит обратить внимание, что при загрузке графического файла через форму «Добавить медиафайл» WordPress автоматически создает несколько копий изображения, масштабируя его до различных размеров: миниатюру (thumbnail), средний размер (medium), крупный (large), и, собственно, оригинальный размер загруженной картинки (full size). Само собой, если «full size» меньше крупного, или даже среднего размера, то эти графические файлы не будут созданы.

Настройки размеров для масштабирования загружаемой графики расположены в панели администратора, в разделе «Настройки» -> «Медиафайлы» (см. скриншот ниже)

Как видно из наших настроек, если мы загружаем изображение (файл myphoto.jpg), размером, например 1600×1200 px. то в директории загрузки изображений (по умолчанию, это папка /wp-content/uploads/[year]/[month]) будут созданы 4 файла:

  • myphoto.jpg ( оригинальный размер — full )
  • myphoto-150×150.jpg ( миниатюра — thumbnail )
  • myphoto-300×225.jpg ( средний размер — medium )
  • myphoto-1024×768.jpg ( крупный размер — large )
Читайте также:  Концепция современного дизайна

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

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

[sourcecode language=»php»]
<?php if ( function_exists( ‘add_theme_support’ ) ) {

add_theme_support( ‘post-thumbnails’ );

} ?>
[/sourcecode]

Теперь, зайдя на страницу редактирования или добавления новой записи в панели администратора WordPress у нас должен появиться блок управления миниатюрой записи (в правой части страницы) — см. скриншот:

Для добавления миниатюры воспользуемся ссылкой «Задать миниатюру» и в открывшемся окне загрузим графический файл (или выберем из галереи уже загруженных) и нажмем кнопку «Задать миниатюру» (cм. скриншот)

Теперь мы можем использовать миниатюры в коде создаваемой нами темы. Для добавления миниатюры нужного размера используем WP — функцию the_post_thumbnail( $size, $attr )

[sourcecode language=»php»]
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><br>

<div class="box"><br>

<h2><?php the_title();?></h2><br>

<?php the_post_thumbnail(‘thumbnail’);?><br>

<?php the_excerpt();?><br /><br>

</div><br>

<?php endwhile; else: ?><br>

<p>Статей не найдено…</p><br>

<?php endif; ?>
[/sourcecode]

Читайте также:  Структура темы в WordPress – будь в теме

В данном примере мы вывели изображение размером «thumbnail», т.е. 150×150 px. Для вывода изображений других размеров, соотвественно, используем вместо «thumbnail» ключевые слова «medium», «large», «full». Для вывода «нестандартного» размера — можно использовать в качестве аргумента массив параметров ширины и высоты, например: the_post_thumbnail( array(100,100) )

Вам может быть интересно: