Как изменить Woocommerce с помощью дочерей темы. Часть 5,3 – как вывести последние посты блога на главной странице

Многие владельцы интернет-магазинов забывают о таком мощном инструменте продвижения, как записи на странице блога. Эта страница обязательно должна присутствовать, чтобы привлекать дополнительную аудиторию в ваш магазин. Продолжаем преобразовывать главную страницу нашего интернет-магазина. Сегодня мы отобразим последние 3 записи (превью) на главной странице.

Как вывести последние посты блога на главной странице

Прежде всего добавим несколько записей через админпанель.

Чтобы вывести 3 последние записи на главную страницу нужно знать, как использовать функцию WP_Query в WordPress и как создавать пользовательские запросы цикла.

Добавим в functions.php следующий код

    /* Вывод записей на главной */

function carolinaspa_blog(){

    $args = array(

        'post_type' => 'post', 

        'posts_per_page' => 3,

        'orderby' => 'date',

        'order' => 'DESC'

    );

    $entries = new WP_Query($args);  // создание пользовательского цикла

    ?>

<div class="homepage-blog-entries">

<h2 class="section_title">Последние записи</h2>

<ul class="blog-list">

<?php while($entries->have_posts()): $entries->the_post(); ?> // вывод цикла

    <li>

    <?php the_post_thumbnail('blog_entry')?> // вывод миниатюры

    <h2><?php the_title(); ?></h2> // вывод заголовка

    <p>By <?php the_author()?>|<?php the_time(get_option('date_format'));?></p>

<?php  

$content = wp_trim_words(get_the_content(), 20, '.');

echo "<p>" . $content . "</p>";?>// выводим 20 слов в отрывке

<a href="<?php the_permalink();?>">Read more &raquo;</a>

    </li>

<?php endwhile; ?>

</ul>

</div>

    <?php

    wp_reset_postdata();  // обязательно при использовании пользовательского цикла

    }

    add_action('homepage', 'carolinaspa_blog', 90);

add_action(‘homepage’, ‘carolinaspa_blog’, 90) — мы выведем записи сразу поле блока, который добавили в прошлой статье. Так как приоритет у него был 80, зададим блоку с записями приоритет 90 (хотя можно любой больше 80).

В следующей статье мы закончим преобразования на главной странице и выведем форму рассылки mailchimp.

Как изменить Woocommerce с помощью дочерей темы. Часть 13 – настройка bootstrap меню и регистрация пользователей