Заходим в "Записи" - "Рубрики". Добавляем новые рубрики. Раздел "Без рубрики" не удаляем, меняем ему ярлык на "bez-rubriki".
Устанавливаем плагин "Admin Menu Editor".
Заходим в "Записи", выбираем в фильтре нужную рубрику, фильтруем, после отработки фильтр копируем url этой страницы. Далее идем в настройки плагина "Admin Menu Editor", нажимаем "+NewMenu", что бы создать новый раздел, пишем имя этому разделу и в поле "URL" вставляем скопированную URL. Нажимаем "Show advanced options" и выбираем для этого раздела иконку.
Для вывода карточек на сайте в определенном месте используем WPQuery.
Пример
<div class="container-013">
<div class="container-013-content">
<?
$query_news = new WP_Query(
array(
'posts_per_page' => 3,
'post_type' => 'post',
'category_name' => 'interesnye-fakty'
)
);
?>
<?
if ( $query_news->have_posts() ) {
while ( $query_news->have_posts() ) {
$query_news->the_post();
?>
<div class="container-013__items wow fadeInSlow">
<div class="container-013__items-images">
<img class="container-013__items-images-img" src="<?php the_post_thumbnail_url() ?>" alt="">
<!-- <p class="container-013__items-images-date"><?php the_time('d/m/Y') ?></p> -->
</div>
<div class="container-013__items-link">
<a class="container-013__items-link-lnk" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
</div>
<?}}?>
<?wp_reset_query();?>
</div>
</div>
Более сложный вариант с выявлением четных и нечетных блоков для размещения, плюс пагинация.
Пример
<div class="container-page-005">
<div class="container-page-005-content">
<?
$query_news = new WP_Query(
array(
'post_type' => 'post',
'category_name' => 'otzyvy',
'orderby' => 'date',
'order' => 'DSC',
'posts_per_page' => 20,
'paged' => get_query_var('paged')
)
);
?>
<?
$i = 0;
if ( $query_news->have_posts() ) {
while ( $query_news->have_posts() ) {
$query_news->the_post();
?>
<?
$visible = get_field('visible');
if( $visible && in_array('feedbackpage', $visible) ) {
$i = $i+1;
//echo ($i);
?>
<?
if (($i % 2) == 0) {
//echo ('ЧЕТНОЕ');
$author_feedback = get_field('author_feedback');?>
<div class="container-page-005__items-r">
<div class="container-page-005__items-text">
<p class="container-page-005__items-text-txt"><?php the_content(); ?></p>
</div>
<div class="container-page-005__items-author">
<img class="container-page-005__items-img" src="/wp-content/themes/lonbright/assets/images/feedbackpng.png" alt="">
<p class="container-page-005__items-author-text">
<?=$author_feedback?>
</p>
</div>
</div>
<?
} else {
//echo ('НЕ ЧЕТНОЕ');
$author_feedback = get_field('author_feedback');?>
<div class="container-page-005__items-l">
<div class="container-page-005__items-text">
<p class="container-page-005__items-text-txt"><?php the_content(); ?></p>
</div>
<div class="container-page-005__items-author">
<img class="container-page-005__items-img" src="/wp-content/themes/lonbright/assets/images/feedbackpng.png" alt="">
<p class="container-page-005__items-author-text">
<?=$author_feedback?>
</p>
</div>
</div>
<?
}
?>
<?}?>
<?}}?>
<div class="page-navigation" style="display: flex; flex-direction: column; align-items: center;">
<p class="page-navigation__maintext">Страница</p>
<?php wp_pagenavi( array( 'query' => $query_news ) ); ?>
</div>
<?wp_reset_query();?>
</div>
</div>
Как лучше создать и оформить запись для WordPress можно посмотреть здесь.