Показ последних записей в WordPress является ключевой функцией, позволяющей динамично демонстрировать актуальный контент на сайте. Она широко используется на главной странице, в боковых панелях и специальных разделах для повышения вовлеченности пользователей. Гибкие настройки позволяют кастомизировать вывод записей соответственно к требованиям конкретного проекта. В данной статье мы рассмотрим, как вывести последние записи WordPress с помощью Gutenberg и пользовательского кода.
Чтобы вывести последние записи с помощью Gutenberg, необходимо воспользоваться встроенным блоком «Последние записи». Он позволяет легко настроить отображение постов, используя различные параметры, такие как количество записей, выбор категорий и фильтры по тегам. Также можно настроить стиль и дизайн блоков, чтобы они гармонично вписывались в общий стиль сайта.
Если вы хотите более продвинутый подход, вы можете использовать пользовательский код в файле вашей темы. Используя функцию WP_Query, можно создать собственный запрос для получения записей. В этом случае у вас есть полный контроль над тем, какие данные выводить, а также возможность интегрировать более сложные условия, такие как исключения по категориям или датам публикации.
Пример использования WP_Query для вывода последних пяти записей:
$args = array(
'post_type' => 'post',
'posts_per_page' => 5,
);
$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
echo '
' . get_the_title() . '
';
echo '' . get_the_excerpt() . '
';
}
wp_reset_postdata();
}
Таким образом, используя как стандартные блоки Gutenberg, так и собственный код, вы сможете адаптировать вывод последних записей под ваши нужды и повышать вовлеченность пользователей на вашем сайте.
Последние записи с помощью блока Gutenberg
Блок «Последние записи» в редакторе Gutenberg предоставляет возможность быстро отображать новые публикации на странице без необходимости писать код, а также позволяет гибко настраивать их визуализацию в зависимости от целей сайта.
Перейдите на страницу или запись в редакторе Gutenberg. Нажмите на кнопку «+» (Добавить блок) и выберите опцию «Последние записи» из предложенного списка.
Основные параметры блока
После добавления блока справа откроется панель настройки, где вы сможете задать следующие параметры:
- Количество записей — укажите, сколько последних постов хотите отобразить.
- Отображение даты — активируйте этот параметр, если хотите показывать дату публикации.
- Отображение автора — добавляет информацию об авторе к записи.
- Показ изображения — включает миниатюры, если они установлены для записей.
- Сортировка и фильтрация — позволяет выводить записи из определённых категорий и сортировать их по дате или названию.
Помимо этого, у вас есть возможность настроить стиль отображения записей, включая шрифты и цвета, чтобы они гармонировали с общей тематикой вашего сайта. Вы также можете добавить небольшое описание к каждой записи, которое поможет пользователю лучше понять содержание поста перед его прочтением.
Не забудьте протестировать настройки блока в различных устройствах, чтобы убедиться, что он выглядит корректно как на компьютерах, так и на мобильных телефонах.
В результате, в зависимости от вашего стиля оформления, вы получите что-то подобное.
Такой подход не требует написания кода и идеально подходит для быстрого отображения последних публикаций с возможностью гибкой настройки непосредственно в редакторе. Использование блока «Последние записи» помогает увеличить вовлеченность пользователей и делает ваш сайт более динамичным и актуальным.
Последние записи с помощью кода
Использование кода для вывода последних записей предоставляет больший контроль над фильтрацией, сортировкой и оформлением запрашиваемых записей.
В WordPress существует универсальный класс WP_Query, который дает возможность выполнять запросы к базе данных для получения записей по различным критериям.
На основе WP_Query мы создадим собственную функцию, которая будет возвращать HTML-код последних записей. С помощью неё вы сможете настраивать, какие именно поля вы хотите получить, а также изменять параметры выборки в зависимости от нужд вашего сайта.
Вот готовый пример кода для вывода последних записей:
$args = [ 'post_type' => 'post', // Получаем только записи 'posts_per_page' => 6, // Количество записей для получения 'post_status' => 'publish', // Только опубликованные записи ]; $query = new WP_Query($args); if ($query->have_posts()) { echo ''; while ($query->have_posts()) { $query->the_post(); echo ''; echo '' . get_the_post_thumbnail() . ''; echo '' . get_the_title() . '
'; echo ''; } echo ''; } wp_reset_postdata();Скопируйте этот код в файл functions.php и сохраните изменения. Затем откройте файл, в который будет осуществляться вывод последних записей, и вставьте вызов функции:
get_latest_posts();Если на вашем сайте применяется шаблон с обновлениями, рекомендуется создать дочернюю тему.
Добавим стили в файл style.css для более привлекательного отображения:
.latest-posts { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 26px; } .latest-posts__item { display: flex; flex-direction: column; } .latest-posts__image { max-width: 100%; height: 160px; } .latest-posts__image img { height: 100%; width: 100%; object-fit: cover; } .latest-posts__title { font-size: 1.2em; margin: 10px 0; }
С учетом данных стилей, ваш блок с последними записями будет выглядеть следующим образом:
Как получить последние записи из конкретной категории
Для того чтобы отобразить последние записи из конкретной рубрики сайта, нужно немного изменить функцию get_latest_posts(). В массив аргументов $args добавьте поле с ID соответствующей рубрики.
$args = [ 'post_type' => 'post', // Получаем только записи 'posts_per_page' => 6, // Количество записей для получения 'post_status' => 'publish', // Только опубликованные записи 'cat' => 5, // Получаем записи из категории с ID 5 ];Теперь будут отображаться только последние посты из категории с ID 5. Кроме того, вы можете использовать функцию get_categories() для получения списка доступных категорий и их ID, что поможет избежать ошибок при вводе.
Также, чтобы улучшить производительность сайта, подумайте о кэшировании результатов запроса, особенно если ваш сайт имеет большой объем данных.
Следуя этим рекомендациям, вы сможете более эффективно управлять отображением записей на вашем сайте.
Последние записи с помощью шорткода
И напоследок, рассмотрим использование шорткода для вывода последних записей. Такой метод позволит интегрировать блок прямо в содержимое страницы или статьи.
Для этого мы используем функцию get_latest_posts из предыдущего примера, немного её модифицировав.
Откройте файл functions.php и добавьте следующий код:
'post', // Получаем только записи 'posts_per_page' => 6, // Количество записей для получения 'post_status' => 'publish', // Только опубликованные записи ]; $query = new WP_Query($args); if ($query->have_posts()) < ob_start(); ?>have_posts()) < $query->the_post(); ?> " if (has_post_thumbnail()) : ?> ?> > add_shortcode('latest_posts', 'get_latest_posts');Чтобы вывести последние записи, вставьте шорткод [latest_posts] в текст статьи или страницы.
Сохраните запись и проверьте результат — блок с последними записями будет успешно встроен в текст статьи.
Теперь у вас есть возможность выбрать наиболее подходящий метод для вывода последних записей в WordPress, основываясь на задачах проекта и ваших навыках. Экспериментируйте с настройками и кодом, чтобы достичь наилучшего результата для вашего проекта.
Кроме того, вы можете настроить внешний вид выводимого блока. Например, добавьте классы CSS к элементам, чтобы стилизовать их по своему усмотрению. Это поможет сделать блок с последними записями более привлекательным и соответствующим дизайну вашего сайта.
Также учтите, что использование кэширования при запросах к базе данных может значительно повысить производительность сайта, особенно если у вас много записей. Рассмотрите возможность внедрения плагинов для кэширования, если ваш сайт начинает загружаться медленно при большом количестве пользователей.
Наконец, вы можете расширить функциональность шорткода, добавив параметры, позволяющие пользователю выбирать количество выводимых записей или фильтровать их по категориям. Это откроет дополнительные возможности для настройки отображаемого контента.