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

Вопрос или проблема

<?php

/**
 *
 * search.php
 *
 * Шаблон результатов поиска. Используется при выполнении поиска.
 *
 */
get_header();
?>
<?php get_sidebar('top'); ?>
<?php
if (have_posts()) {
    theme_post_wrapper(
            array('content' => '<h4 class="box-title">' . sprintf(__('Результаты поиска для: %s', THEME_NS), '<span class="search-query-string">' . get_search_query() . '</span>') . '</h4>'
            )
    );
    /* Отображение навигации к следующим/предыдущим страницам, если это применимо */
    if (theme_get_option('theme_top_posts_navigation')) {
        theme_page_navigation();
    }
    /* Начало цикла */
    while (have_posts()) {
        the_post();
        get_template_part('content', 'search');
    }
    <div class="entry">
    <?php
    if(has_post_thumbnail()) { // проверяем, есть ли миниатюра записи
        the_post_thumbnail();
    }
    else {
        //ваше изображение по умолчанию
    }
    the_excerpt(); //ваше краткое описание
    ?>
    </div>
    /* Отображение навигации к следующим/предыдущим страницам, если это применимо */
        if (theme_get_option('theme_bottom_posts_navigation')) {
        theme_page_navigation();
            }
        }
     else 
    {
        theme_404_content(
            array(
                'error_title' => __('Ничего не найдено', THEME_NS),
                'error_message' => __('Извините, но ничего не соответствует вашим критериям поиска. Пожалуйста, попробуйте снова с другими ключевыми словами.', THEME_NS)
                )
        );
    }
    ?>
    <?php get_sidebar('bottom'); ?>

<?php get_footer(); ?>

get_template_part('content', 'search');

.

Ответ или решение

Для успешного отображения миниатюр изображений на странице результатов поиска в WordPress необходимо внести определённые изменения в файл шаблона search.php, а также в соответствующий шаблон для контента. Рассмотрим пошаговое руководство, как это сделать.

Шаг 1: Подготовка кода в search.php

Вы правильно начали с добавления кода для отображения миниатюры, но важно разместить этот код в правильном месте. Например, делегируйте задачу отображения миниатры отдельному шаблону контента, который будет загружен с помощью функции get_template_part().

Ваш текущий код внутри цикла выглядит следующим образом:

while (have_posts()) {
    the_post();
    get_template_part('content', 'search');

    <div class="entry">
    <?php
    if(has_post_thumbnail()) { 
        the_post_thumbnail();
    } else {
        // Ваше изображение по умолчанию
    }
    the_excerpt(); 
    ?>
    </div>
}

Вместо непосредственно добавления кода для миниатюры внутри цикла while, создайте или отредактируйте файл content-search.php, куда можно перенести код для отображения миниатюры.

Шаг 2: Создание/редактирование content-search.php

Откройте или создайте файл content-search.php в вашей папке темы. Вставьте следующий код, чтобы отобразить миниатюру и краткое описание:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <div class="entry">
        <?php
        if (has_post_thumbnail()) {
            the_post_thumbnail('thumbnail'); // Вы можете задать размер 'thumbnail', 'medium' и т.д.
        } else {
            // Ваше изображение по умолчанию
            echo '<img src="' . get_template_directory_uri() . '/images/default.jpg" alt="Default Image">';
        }
        ?>
        <h2>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h2>
        <?php the_excerpt(); ?>
    </div>
</article>

Шаг 3: Обновление CSS

Чтобы миниатюры отображались корректно с учетом стиля вашей темы, убедитесь, что вы добавили соответствующие CSS-стили в файл стилей вашей темы (обычно это style.css). Пример стилей для миниатюр может выглядеть так:

.entry {
    margin-bottom: 20px;
}

.entry img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.entry h2 {
    font-size: 1.5em;
    margin: 0 0 10px;
}

Шаг 4: Проверка работоспособности

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

Заключение

Следуя этим шагам, вы сможете успешно отобразить миниатюры изображений на странице результатов поиска, сохраняя стили вашей темы. Если после выполнения указанных действий отображение всё ещё некорректное, убедитесь, что в процессе не было конфликтов с другими стилями или скриптами. Если у вас есть дополнительные вопросы или нужна помощь с другим кодом, не стесняйтесь обращаться за советом!