Создаем виджет последних записей, с миниатюрами.
Вставить в текстовый виджет, posts_per_page — количество, category — если убрать, то будут все рубрики.
Можно добавлять и другие параметры запроса.
<ul class="lastpostvidget"> <?php global $post; $args = array( 'posts_per_page' => 5, 'offset'=> 0, 'category' => 48 ); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post); ?> <li><a href="<?php the_permalink(); ?>"> <p><?php the_post_thumbnail(array(50,50)); ?></p> <p><?php the_title(); ?><br> <span class="lastpostvidget-date"><?php echo dateToRussian(get_the_date()); ?></span></p> </a></li> <?php endforeach; ?> <?php wp_reset_postdata() ?> </ul>
В данном коде есть функция вывода русскоязычной даты (dateToRussian) — подробнее о ней.
CSS
/* Виджет последние записи */ .lastpostvidget {padding: 0 !important;} .lastpostvidget li { overflow: hidden; padding: 10px 0; list-style: none; border-top: 1px solid #222; border-bottom: 1px solid #000; } .lastpostvidget li a {width: 100%; padding: 7px 0; display: table;} .lastpostvidget li a:hover {background-color: rgba(0, 0, 0, 0.5); text-decoration: none;} .lastpostvidget li:first-child {border-top: none; padding-top: 0;} .lastpostvidget li:last-child {border-bottom: none; padding-bottom: 0;} .lastpostvidget li a p {display: table-cell; vertical-align: middle;} .lastpostvidget li a p:last-child {width: 80%; padding-left: 5%;} .lastpostvidget-date {font-size: 10px; color:#fff;}
Обязательно должна быть запись в funсtions.php о разрешении в тестовом виджете синтаксиса php
// Добавляем поддержку PHP-кода в виджетах "Текст" function php_in_widgets($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', 'php_in_widgets', 99);
С версии WP 4.8 появился специальный виджет Custom HTML (функция widget_custom_html_content), — лучше использовать его вместо текстового виджета. т.к. из-за того что в текстовом виджете появилась вкладка Визульный редактор, при переключении код php может слетать.
[site-socialshare]
Спасибо! Немного код подправил, у меня вёрстка блоками <div>. Всё вывелось)