Вывод новых статей в сайдбар WordPress с миниатюрами без плагина

Сегодня рассмотрим одну простую функцию, но довольно полезную, которая избавит от необходимости устанавливать лишний плагин. Подобным путем мы выводили последние комментарии также в обход различных плагинов. И формально, таким методом установки сократили несколько нежелательных запросов к серверу. При тех условиях, что плагины подключают свои стили, а многие из них и JavaScript. Если это кажется незначительным весом, то следует подумать сколько плагинов у вас установлено в общем. К примеру, около 30 шт. и каждый из них использует свои файлы (style, JavaScript.) для оформления, которые внедряет в систему.

Можете посмотреть по сервису PageSpeed Insights где рекомендуется, что именно сократить, оптимизировать и т.д. Немного отвлекся, теперь по делу. Для вывода новых статей в сайдбаре нужно сделать следующее:

1. Подключить поддержку PHP в сайдбаре. (если не хотите редактировать файлы)
2. В текстовый виджет добавить нужную функцию.
3. Оформить, прописав необходимые стили в файл style.css

После выполнения первого пункта перейдите во вкладку «Внешний вид-Виджеты». Добавьте текстовый виджет, а в поле ввода вставьте код:

      <ul class="newpost">
        <?php $the_query = new WP_Query('showposts=5'); ?>
                <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
        <li>
            <a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail( $post->ID, 'thumbnail'); ?></a>
        <a class="title" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?>        </a><br/>
        </li>
        <?php endwhile; ?>
        <?php wp_reset_query(); ?>
        </ul>

Сохраняем изменения и открываем файл style.css и в конце прописываем стили:

ul.newpost img {
    border: 5px solid #EAF3FB;
    float: left;
    height: 50px;/*размер миниатюры*/
    margin-bottom: 11px !important;
    padding: 5px;
    width: 50px;/*размер миниатюры*/
}

ul.newpost li {
    clear: both;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #dae3eb!important;
}

ul.newpost li a:hover {
    text-decoration: underline;
}
ul.newpost .title{
        width:135px;
        float:left;
        padding:5px 5px 5px 0px;
}

Результат.

В принципе все, но только можете стили отредактировать по-своему чтобы новые записи соответствовали вкусам.