Ivan Sedov

Думаю под свою верстку сможете сами адаптировать эти примеры.

Если нужно чтобы слайды выходили за пределы контейнера добавляем обертку sub-container

.sub-container { 
  display: flex;
  flex-wrap: wrap; 
  margin-right: calc(50% - 50vw);
 }

Если не нужно чтобы слайды выходили за пределы удаляем обертку sub-container и добавляем во wrapper
margin-right: calc(50% - 50vw);

$query = new WP_Query([
  'post_type'      => 'hot-tour',
  'posts_per_page' => 2,
  'paged'          => get_query_var('page'),
]);

if ($query->have_posts()) {
  while ($query->have_posts()) {
    $query->the_post();
    the_title();
  }

  wp_reset_postdata();
}

// Выводим пагинацию
echo paginate_links([
  'base'    => user_trailingslashit(wp_normalize_path(get_permalink() . '/%#%/')),
  'current' => max(1, get_query_var('page')),
  'total'   => $query->max_num_pages,
]);

И почитайте, как правильно выводить пагинацию в документации

Для того чтобы выводилось определенное количество постов используйте posts_per_page

$stati_children = new WP_Query(array(
'post_type' => 'page',
'post_parent' => get_the_ID(),
'posts_per_page' => 10
)

Для того чтобы сделать по клику загрузку постов прочтите эту статью подгрузка постов

Так, а собственно в чем вопрос? Вы правильно проверку написали, документация

if ($count > 0 && $count <= 5) или $terms = get_categories(['number' => 5]);
А если нужно вывести определенные категории прочтите статью ( смотреть в сторону include )

Проблема в том, что вы используете background-color: rgba(233, 85, 49, 0.1);
Нужно было заменить rgba на hex
https://jsfiddle.net/3vceq47k/