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

Без плагина WordSmall

Сегодня рассмотрим одну простую функцию, но довольно полезную, которая избавит от необходимости устанавливать лишний плагин. Подобным путем мы выводили последние комментарии также в обход различных плагинов. И формально, таким методом установки сократили несколько нежелательных запросов к серверу. При тех условиях, что плагины подключают свои стили, а многие из них и 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;
}

Результат.

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

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

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Комментариев: 28
  • WordSmall

    Очистите кэш браузера ctrl+f5

    • Алексей

      WordSmall, не знал что так можно очистить кэш ctrl+f5 но все равно ноль все как есть оно даже не двигается при изменении кода. Как стояла так и стоит

      • Алексей

        Алексей, ВСЕ Заработало Спасибо Огромное

  • WordSmall

    Это уже не смешно! Я только что зашел на ваш сайт и все нормально отображается

    • Алексей

      WordSmall, Да я написал вам Спасибо огромное. Что заело обновлял, обновлял и не чего а потом раз и все, теперь все без проблем и меняется и обновляется.

Добавить комментарий
bold quote code