Добавляем несколько миниатюр к записи в WordPress

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

Прежде всего вам нужно установить и активировать плагин Multiple Post Thumbnails. После его активации необходимо добавить следующий код в файл functions.php вашей темы. Вставлять его можно в любое место в файле, если делать это правильно. Можете ознакомиться со статьей на нашем сайте Как правильно добавлять сниппеты в WordPress.

if (class_exists('MultiPostThumbnails')) {

new MultiPostThumbnails(array(
'label' => 'Secondary Image',
'id' => 'secondary-image',
'post_type' => 'post'
 ) );

 }

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

multiple-thumbnails-wordpress[1]

Однако, даже когда вы укажете второе изображение в админ.панели ВП, оно не отобразится на вашем сайте, пока вы не настроите свою тему. Для этого необходимо добавить следующий код в цикл записи в то место, где вы хотите отобразить изображение. Это может быть, например, файл single.php, archive.php и т.д.

<?php 
if (class_exists('MultiPostThumbnails')) : 
MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image');
endif;
 ?>

Теперь все готово. Ваша тема «оборудована» отображением нескольких миниатюр одновременно. Вот как выглядит все в результате:

multiple-featured-images[1]

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

Добавляем новый размер миниатюр

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

add_image_size( 'secondary-featured-thumbnail', 120, 120, true ); 

После этого вы можете вызывать новый размер изображений для ваших нескольких миниатюр. Например, так, добавив код в файл functions.php темы:

<?php 
if (class_exists('MultiPostThumbnails')) : 
MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image', NULL,  'secondary-featured-thumbnail');
endif;
?>

Надеемся, что статья помогла вам разобраться с добавлением нескольких миниатюр в ваш шаблон WordPress. Какие вы видите полезные применения этого плагина? Пишите в комментариях.

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Тамара Полякова

    Здравствуйте! Я именно это и хотела найти и научиться выполнять. Я начинающий и не все умею делать. С кодами — пока осторожна, так как если сделаю что не так — некому исправить. Поэтому Вашу статью и решение проблемы отложила на некоторое время, пока не научусь хорошо работать с Notepad u FileZilla, Спасибо за Вашу полезную информацию. Удачи! С уважением Тамара Полякова

    • ADv

      Всегда пожалуйста 🙂

  • олег

    как сделать чтобы миниатюры накладывались одна на другую и при наведении курсора показывались

    • ADv

      Вам в CSS… Подробнее не скажу, нужно понимать, как хотите реализовать

      • олег

        Хотелось бы как тут реализовано http://ru.xhamster.com/channels/new-celebs-1.html Я понимаю что это видео Может есть плагин wordpress который таким образом выводит миниатюры с видео Не одну а чтобы при наведении курсора миниатюры прокручивались

  • Игорь

    А как вывести просто ссылку на эту картинку, а не сам тег img?

    • Вадим

      Долгое время я искал это решение, и вот оно. Только в одном месте был указан правильный метод решения этой задачи: https://wordpress.org/support/topic/get_post_thumbnail_url-not-working

      В остальных ресурсах, даже в официальном FAQ плагина примеры нерабочие.

Scroll To Top