MRcracker

.wrapper { /*родителю*/
  height: 40vw; /*фикс высота*/
  flex-direction: column; /*флекс колонками*/
  flex-wrap: wrap;
}
.block{ /*внутренние блоки*/
  flex-basis: 33.3%;
}
.block:first-child{ /*первый 100%*/
  flex-basis: 100%;
}

Как только в настройках wordpress ставлю вывод последних записей, то тема переключается на index php

<?php
$args = array(
	'posts_per_page' => 5,
	'orderby' => 'comment_count'
);

$query = new WP_Query( $args );

// Цикл
if ( $query->have_posts() ) {
	while ( $query->have_posts() ) {
		$query->the_post();
		echo '<li>' . get_the_title() . '</li>';
	}
} else {
	// Постов не найдено
}
// Возвращаем оригинальные данные поста. Сбрасываем $post.
wp_reset_postdata();
?>

$args = array(
	'posts_per_page' => 4,//сколько записей на одной странице?
	'paged'    => (get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1),//текущий номер страницы
  'numberposts'      => 10,
  'offset'           => 0,
  'category'         => 0,
  'orderby'          => 'post_date',
  'order'            => 'DESC',
  'include'          => '',
  'exclude'          => '',
  'meta_key'         => '',
  'meta_value'       => '',
  'post_type'        => 'post',
  'post_status'      => 'draft, publish, future, pending, private',
  'suppress_filters' => true,
); 

$result = wp_get_recent_posts( $args );
foreach( $result as $post ){
  setup_postdata( $post );
  the_title(); // вывод
}
wp_reset_postdata();
//добавляем либо свою пагинацию,
//либо the_posts_pagination();
//либо the_posts_navigation();
//либо echo paginate_links();

$param=array(
  'base'               => '%_%',
  'format'             => '?paged=%#%',
  'total'              => 5,
  'current'            => 2,
  'show_all'           => false,
  'end_size'           => 1,
  'mid_size'           => 2,
  'prev_next'          => true,
  'prev_text'          => __('« Previous'),
  'next_text'          => __('Next »'),
  'type'               => 'plain',
  'add_args'           => false,
  'add_fragment'       => '',
  'before_page_number' => '',
  'after_page_number'  => ''
);
echo paginate_links($param);

div {
position: relative;
}
button {
position: absolute;
top: 100%;
left: 0;
}

let u = document.querySelectorAll('.u-p');
for (let i = 0; i < u.length; i++) {
 u[i].onclick = function() {
     u[i].style.color = 'red';
  }
}

let u = document.querySelectorAll('.u-p');
for (let i = 0; i < u.length; i++) {
  u[i].onclick = function() {
    u[i].style.color = 'red';
  }
}

@media screen and (max-width: 900px) { lg-menu: dispay: none;}

.mobile-menu \ @media screen and (max-width: 900px) { lg-menu: dispay: flex;}

<script>
If (document.body.clientWidth>768){
  document.write('<script src=...>')
}
</script>

function func_9() {
  let k = +prompt('Введите первое число');
  let i = +prompt('Введите второе число');
  if (k > i) {
    while (k > i) {
      if (k % 2 == 0) {  // это значит, что k четное - выведите 0
        k--;
        
      } else { // сюда попадаем если k нечетное, надо его просто вывести
        k += + k;  // тут ошибка: зачем-то k удваивается: к нему прибавляется оно же. Эта строка не нужна
        console.log(k); // ок
      }
      k--;
      console.log(k); // не надо
    }
  }
  else {
// предупредите, что первое число вы ожидаете бОльшим, чем второе. Хотя логичнее просить вводитб первое число меньше, чем второе
    alert('arror');
  }
}

func_9();

function funk_it_up() {
  const a = +prompt('Введите первое число');
  const b = +prompt('Введите второе число');
  if (a >= b) {
    alert('Первое число должно быть меньше второго');
    return;
  }
   
  for (let i = a + 1; i < b; i++) {
    console.log( i & 1 ? i : 0);
  }
}

funk_it_up();

...
  for (let i = 333; i <= 1000; i *= 2) {
    ...
  }
...

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

const step = Math.sign(p2 - p1);
while (Math.abs(p2 - p1) >= 1) {
  p1 += step;
  console.log(p1);
}

[ p1, p2 ] = p1 > p2 ? [ p2, p1 ] : [ p1, p2 ];
while (p1 < p2) {
  p1 += 1;
  console.log(p1);
}

<div class="group__item">
        <div class="col-md-4 col-sm-6">
          <div class="box">

            <?php 

// параметры по умолчанию
            $posts = get_posts( array(
              'numberposts' => 50,
              'post_type'   => 'group',
  'publish' => true
) );

            foreach( $posts as $post ){
              setup_postdata($post);
?>

            <?php the_post_thumbnail(); ?>
            <h4 class="box__subtitle"><?php the_title(); ?></h4>
            <h3 class="box__title bdb"><?php the_field('age'); ?></h3>
            <div class="box__time bdb"><i class="fa fa-clock-o" aria-hidden="true"></i><?php the_field('time'); ?></div>
            <div class="box__lessons bdb"><?php the_field('price'); ?></div>
            <a class="bdb box__program popup" href="#program1"><i class="fa fa-book" aria-hidden="true"></i>Посмотреть программу занятий</a>
            <div class="margin-big"></div>
            <a href="#form" class="button popup">Хотим к вам <i class="fa fa-star" aria-hidden="true"></i></a>
          </div>
        </div>
        <div class="hidden">
          <div class="container">
            <div class="row">
              <form id="program1" class="box program">
                <h2 class="title">Кроха</h2>
                <div class="margin-big"></div>
                <div class="text-center">
                </div>
              </form>
            </div>
          </div>
        </div>

        <?
            }
            ?>

wp_reset_postdata(); // сброс

?>

</div>