/ Сайтостроение / Wordpress / Виджет последних записей

Виджет последних записей

04.11.2015

720

Создаем виджет последних записей, с миниатюрами.
Вставить в текстовый виджет, 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

Это действует и на виджет Custom HTML

// Добавляем поддержку 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 может слетать.

Тэги:

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
Сайтбар

Сайтбар

Вспомогательная панель или сайтбар довольно удобная штука. В нее мы можем поместить множество необходимых модулей и виджетов по функционалу сайта: от формы поиска до ленты Instagram. Сайтбар размещен справа либо Читать далее »

Виджет подкатегорий

Виджет подкатегорий

Реализация виджета текущих подкатегорий и если есть родительская категория выводить и ее с отдельным стилем. Неплохое решение для навигации: в этом случае целесообразно в основном блоке выводить все записи категории Читать далее »

Фильтры Woocommerce

Фильтры Woocommerce

В базовую комплектацию Woocommerce входит набор виджетов для фильтрации товаров. Но данные виджеты необходимо несколько доработать. WooCommerce Навигация по слоям В этом виджете необходимо задать атрибут товара по которому будет Читать далее »

/ /

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

Пока нет комментариев. Будь первым!

Виджет последних записей
WooCommerce AJAX Products Filter
Рекомендации для васWooCommerce AJAX Products FilterOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.