Чёкатилло

Вот так выводим посты за последнюю неделю:

<?php
// WP_Query arguments

$last_month_args = array(
    'post_type' => 'post',
    'post_status' => 'publish',
    'orderby' => 'date',
    'order' => 'DESC',

    // Using the date_query to filter posts from last week
    'date_query' => array(
        array(
            'after' => '1 week ago'
        )
    )
); 

// The Query
$last_month_posts = new WP_Query( $last_month_args );

// The Loop
if ( $last_month_posts->have_posts() ) {
	while ( $last_month_posts->have_posts() ) {
		$last_month_posts->the_post();
		// контент поста
		the_title();
		the_post_thumbnail();
	}
} else {
	// Если постов нет
}

// Restore original Post Data
wp_reset_postdata();

Остальное - по аналогии. Юзайте wp_query. Удобный инструмент для быстрого подбора аргументов: https://generatewp.com/wp_query/

codepen

www.jacklmoore.com/zoom

https://jsfiddle.net/soledar10/oom6gcvp/

ls-web.ru/wp_post_images

можно через пост формат параметр в WP_Query

$args = array(
	'post_type' => 'post',
	'tax_query' => array(
		array(
			'taxonomy' => 'post_format',
			'field'    => 'slug',
			'terms'    => array( 'post-format-gallery' ),
		),
	),
);
$query = new WP_Query( $args );

Можно через спец шаблон

taxonomy-post_format-post-format-gallery.php

Тут только svg/canvas, css к сожалению такое не умеет - Пример
Или гифка

Составляю гугл запросы на заказ: infinity symbol css animation

jsfiddle.net/uVFd3/5

Но "хороший" конечно вряд ли на чистом CSS выйдёт.

Вот то, что тебе нужно)

var tempScrollTop = 10, currentScrollTop = 0; 
var top1; 

jQuery('.popup-post.active').scroll(function(){ 

currentScrollTop = jQuery(this).scrollTop(); 

if (tempScrollTop < currentScrollTop ){ //Скролим вниз 

jQuery('.vverh').сss('display', 'block'); 
jQuery('.vniz').сss('display', 'none'); 

tempScrollTop = currentScrollTop; 
top1 = currentScrollTop; 

} else if (tempScrollTop > currentScrollTop ) { //Скролим вверх 

jQuery('.vverh').сss('display', 'none'); 
jQuery('.vniz').сss('display', 'block'); 

tempScrollTop = currentScrollTop; 

} 

}); 

jQuery('.vniz').click(function(){ 

jQuery('popup-post.active').animate({ scrollTop: top1 }, '50'); 

}); 

jQuery('.vverh').click(function(){ 

jQuery('popup-post.active').animate({ scrollTop: jQuery('body').offset().top }, '50'); 

});

Есть небольшой минус, но легко исправить
https://jsfiddle.net/Larsen52/11o1y7q6/

ну выводите миниатюры в разметке любимого слайдера

миниатюры получаете с помощью get_the_post_thumbnail

<a href="<?php the_permalink(); ?>">
<?php
$img = get_attached_media('image', $post->ID); 
if ($img) {
    foreach ($img as $id => $attachment) {
$thumb = wp_get_attachment_image_src($id, 'thumbnail')  ?>
<img src="<?php echo $thumb[0]; ?>" alt="<?php the_title(); ?>">
<?php } }?>
</a>

codepen.io/anon/pen/VmjeQg

Ответ Ksider верный. но это мелкая проверка, ее можно тернарником записать, и точно не стоит в переменную $content запихивать, память не резиновая.

<div class="<?php echo ( get_the_content() ) ? 'full' : 'empty'; ?>">
...
</div>

$content = get_the_content();
$class = '';
if ($content) {
$class = 'full';
}
else {
$class = 'empty';
}
echo '<div class="'.$class.'"></div>';

попробуй сделать так:

<?php
  $args = array(
      'taxonomy'  => array('post_tag','category'),
      'hide_empty' => false, // не скрывать пустые
      'number' => 0, // показывать все (по-умолчанию 45)
   ); 

  wp_tag_cloud($args);
?>

Опции по-умолчанию можно посмотреть в коде тут:
https://developer.wordpress.org/reference/function...

Описание опций тут:
https://developer.wordpress.org/reference/function...

$(document).on('click', '#your_button', function(){
    $('#your_block').toggle();
});

$(document).on('scroll', function(){
    $('#your_block').hide();
});

В functions.php:

function add_admin_custom_css(){
echo '<style type="text/css">
	label[class^="post-format-"]{font-size:0px;}
	label[class^="post-format-"]:before,label[class^="post-format-"]:after{font-size:13px;}
	label.post-format-standard:after{content:"вместо стандарта"}
	label.post-format-aside:after{content:"вместо заметки"}
	label.post-format-image:after{content:"вместо изображения"}
</style>';  }
add_action('admin_head', 'add_admin_custom_css');

Можно воспользоваться data-аттрибутами в html
<div data-text="Lorem ipsum..."></div>

И поиспользовать attr() для их использования

div:before,
div:after {
    content: attr(data-text);
}

Общая идея должна быть понятна, но codepen тоже приложу.

Дмитрий если через jQuery, то
Добавьте у себя между $(document).ready(function(){

$(window).scroll(function(){
       console.log($(this).scrollTop());
       var attrstyle = 'height:' + $(this).scrollTop()/2 + 'px;';
       $("#Vash-id").attr('style', attrstyle);
    });