Как на WordPress-сайте в качестве миниатюры вывести первую картинку из записи?

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

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

Рассмотрим несколько способов, позволяющих решить задачу.

Способ 1. Плагин Auto Post Thumbnail

Бесплатный плагин Auto Post Thumbnail позволяет генерировать и устанавливать миниатюры из первого добавленного изображения в тексте для постов и страниц, включая записи пользовательских типов. Если первое изображение не найдено, плагин автоматически продолжит поиск до тех пор, пока в итоге миниатюра не будет создана.

Первым делом его нужно установить и активировать. Следует отметить, что плагин Auto Post Thumbnail “умеет” выводить в качестве миниатюры первое добавленное фото не только для новых статей, но также и для старых. Для новых публикаций он делает это в автоматическом режиме. Чтобы это сработало для уже опубликованных записей, необходимо активировать эту опцию. Поэтому нужно перейти в админ-раздел Настройки -> Auto Post Thumbnail и нажать кнопку Generate Thumbnails.

В итоге плагин проверит все публикации и применит к ним свои алгоритмы.

Следует отметить, что плагин не сработает, если в записи вообще не добавлена ни одна картинка.

Способ 2. Вручную

Этот способ предусматривает внесение специального PHP-кода в файл Вашей активной темы functions.php.

Если Вы не знаете, как редактировать functions.php, то в этом случае Вам поможет плагин ProFunctions.

Итак, в самый его конец необходимо добавить следующие строки:

function wpschool_first_post_img() {
    global $post, $posts;
    $first_image = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all( '/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches );
    $first_image = $matches[1][0];
    if( empty( $first_image ) ){
        $first_image = "/wp-content/themes/НАЗВАНИЕ_ВАШЕЙ_ТЕМЫ/images/noimages.jpg";
    }
    return $first_image;
}

В коде нужно сделать некоторые изменения. Так, в строке $first_image = “/wp-content/themes/НАЗВАНИЕ_ВАШЕЙ_ТЕМЫ/images/noimages.jpg”; нужно указать полный путь к изображению, которое будет установлено как миниатюра в случае отсутствия изображений в публикации. Эту картинку нужно предварительно создать.

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

<?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>

В итоге подключение функции будет иметь следующий вид:

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="<?php echo wpschool_first_post_img() ?>" alt="<?php the_title(); ?>" />
</a>

Теперь все записи в выведенном списке будут иметь кликабельные миниатюры, ведущие на страницу публикации. Исключением является вывод некликабельной миниатюры в самой записи. Для этого в файле single.php нужно (после определения цикла) вставить следующую строку:

<img src="<?php echo wpschool_first_post_img() ?>" alt="<?php the_title(); ?>" />

В итоге на Вашем сайте все записи будут содержать миниатюры.

Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.