Можливо, у вашому блозі є історії, які ви б хотіли виділити для своїх читачів. В такому випадку вам варто звернути увагу на функцію «Вибрані статті» (Featured Posts).

При використанні WordPress, зробити це можна різними способами, одним з яких є використання плагіна Jetpack:

Можливості плагіна Jetpack аналогічні можливостям, які надає онлайн-сервісом WordPress.com.

До моменту написання цієї статті, він включає в себе 30 функцій, підтримуваних WordPress.com: Stats, Photon, Infinite Scroll, і як раз те, на чому ми зосередимося далі – «Вибрані статті» (Content Featured).

Почнемо!

Додавання підтримки функції в тему

Примітка: У версії Jetpack 2.7, функцію «Вибрані матеріали» можна знайти в меню «вигляд > Налаштувати» (Apperance > Customize).

Насамперед, вам потрібно додати функцію add_theme_support в файл functions.php вашої теми:

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

Після цього на сторінці «Настройки > Читання» з’явиться нова форма «Вибрані статті» (Settings > Reading):

Як настроїти панель «Вибрані матеріали» в WordPress

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

Потім, просто дайте потрібним записам даний тег.

Висновок вмісту

Тепер ми додамо кілька рядків коду, щоб відобразити вибране вміст в нашій темі. Для цілей статті я використовую стандартну тему TwentyTwelve.

Звичайно, обрані матеріали відображаються на головній сторінці блогу. Якщо ваша тема побудована за канонами стандартної архітектури тим 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;
}

Умовний оператор, наведений вище, відображає вибрані матеріали, якщо є хоча б один з таких.

На додаток, ми можемо встановити розмір зображень попереднього перегляду (thumbnails) обраних матеріалів. У нашому прикладі, я задав розмір 250 на 160 пікселів.

Можете додати наступний код де-небудь вище функції add_theme_support( ‘post-thumbnail’ ):

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

Далі, створимо новий шаблон під назвою featured.php і додамо в нього код, наведений нижче, щоб органічно вписати блок з вибраними статтями в HTML-структуру:

А у файлі index.php ми викличемо цей шаблон, використовуючи функцію get_template_part() і розташувавши її в циклі наступним чином:

Тепер, з технічного боку все готово і, після додавання кількох CSS-класів, у нас буде невелика і акуратна панель, що відображає вибрані матеріали блогу.

Як настроїти панель «Вибрані матеріали» в WordPress

Висновок

Сподіваюся, ця стаття виявилася корисною для вас!

Переклад статті «How To Display «Content Featured In WordPress» був підготовлений дружною командою проекту Сайтостроение від А до Я.