Бывает такое, что Вы на своем WordPress сайте хотите выделить какие-то свои посты. В большинстве случаях, такие записи называют избранными или же избранным контентом. Если же Ваш сайт работает на WordPress, то отображать такие записи Вы можете при помощи плагина Jetpack, да и не только.

Компонент Jetpack представляет из себя набор различных возможностей для Вашего ресурса, а таких возможностей в нем содержится около 30-ти, но сегодня мы особенно будем обращать внимание на блок Featured Content. Но для начала нам необходимо добавить его поддержку в тему, которую используете.

Добавляем поддержку темы

Для начала нам необходимо открыть файл functions.php и добавить туда функцию add_theme_support, код которой представлен немного ниже:

Исходный код

add_theme_support( 'featured-content', array(
	'featured_content_filter' => 'mytheme_get_featured_content',
));

После того, как Вы добавите данный код, у Вас появится новая форма для избранного контента, для этого Вам необходимо будет зайти во вкладку Параметры-Чтение:

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

Отображение контента

Для того чтобы отобразить сам контент, нам необходимо будет добавить небольшое количество строк кода. Для примера возьмем тему TwentyTwele.

Обычно избранный материл пользователи отображают на главной странице ресурса, а за главную страницу в темах WordPress у нас отвечают файлы index.php, home.php, front-page.php.

Для начала мы откроем файл functions.php и добавим в него следующий код, а точнее функцию:

Исходный код

function twentytwelve_get_featured_content() {
	apply_filters( 'twentytwelve_featured_content', array() );
}

Либо же данный код можно расширить следующим образом:

Исходный код

function twentytwelve_get_featured_content( $num = 1 ) {
	global $featured;
	$featured = apply_filters( 'twentytwelve_featured_content', array() );
 
	if ( is_array( $featured ) || $num >= count( $featured ) )
		return true;
	return false;
}

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

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

Исходный код

add_theme_support( 'post-thumbnails' );
add_image_size( 'twentytwelve-featured-thumb', 250, 160, true );

Теперь нам необходимо создать новый файл под названием featured.php и напишем в него код для того, чтобы наш избранный материал имел правильную HTML-структуру.

Исходный код

<div class="featured-post clearfix">
	<figure class="post-thumbnail">
		<?php if ( has_post_thumbnail() ) { the_post_thumbnail('twentytwelve-featured-thumb'); } ?>
	</figure>
	<div class="post-entry">
		<h3 class="post-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
	    <?php the_excerpt(); ?>
	</div>
</div>

В самом файле index.php мы вызовем данный шаблон, а затем поместим его в цикл следующим образом:

Исходный код

<?php if ( twentytwelve_get_featured_content(1) ) : ?>
	<div id="featured">
		<h2><?php _e( 'Featured Content', 'twentytwelve' ); ?></h2>
		<?php foreach ( $featured as $post ) : setup_postdata( $post ); ?>
			<?php get_template_part( 'featured', get_post_format() ); ?>
		<?php endforeach; ?>
	</div>
<?php endif; ?>

Дальше Вам останется лишь применить свой CSS-код и мы получим очень красивый и симпатичный блок с избранным контентом.