Wordpress шпаргалки

Выводим последние новости из определенной рубрики в WordPress

Вывод из рубрики Wordpress

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

Такой прием, в первую очередь, будет полезен многофункциональным сайтам, порталам, новостным источникам и прочее. Ведь они, как правило, содержат большое количество рубрик/категорий. И самое простое решение показать пользователю полный ассортимент контента – это вывести последние опубликованные статьи из самых важных разделов.

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

Шаг 1-й.

По умолчанию WordPress не поддерживает php в сайдбаре, так что первым делом сделаем поддержку вставки php кода в сайбаре.

function mayak_widget_php($widget_content) {
if (strpos($widget_content, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $widget_content);
$widget_content = ob_get_contents();
ob_end_clean();
}
return $widget_content;
}
add_filter('widget_text', 'mayak_widget_php', 99);

Вставляем код в functions.php темы.

Следующим действием скопируем ниже представленный код и поместим его в текстовый виджет во вкладке «Внешний вид-Виджеты».



<ul class="cat-post-bar">
<?php $recent = new WP_Query("cat=8&showposts=4"); while($recent->have_posts()) : $recent->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>
</li>



<?php endwhile; ?>
</ul>



 

Шаг 2-й.

Оформление внешнего вида будет напрямую зависеть от вашей текущей темы. Но на всякий случай для полной уверенности в корректности отображения добавьте стили в файл style.css.

ul.cat-post-bar img {
        float: left;
        height: 50px;/*размер миниатюры*/
        margin-bottom: 11px !important;
        padding: 5px;
        width: 50px;/*размер миниатюры*/
    }
    ul.cat-post-bar li {
        clear: both;
        margin: 0;
        overflow: hidden;
    }
    ul.cat-post-bar li a:hover {
        text-decoration: underline;
    }
    ul.cat-post-bar .title{
            width:135px;
            float:left;
            padding:8px 5px 5px 0px;
    }

Источник статьи

Об авторе

Виталий Мельничук

Адаптивная верстка HTML5+CSS3. Разработка шаблонов под CMS Wordpress, DLE. Делаю работу качественно и в срок.

facebook