Николай Миронов

В ACF для работы с полями типа Repeater есть полезная функция get_row_index() — она выводит текущий номер «строки». Важно для первой строки get_row_index() возвращает 1, а не 0 как это принято в программировании.

Тогда получается, что этот кусок кода можно упростить:

<?php
  $slideto++;
  if ($slideto == "0") {
  ?>
  
  <div class="carousel-item active">
    <?php
       }else{
    ?>
    <div class="carousel-item">
     <?php  }  ?>

Можно упростить:

<div class="carousel-item <?php if (get_row_index() == 1 ) echo 'active'; ?>">

Скорость загрузки это проблема «обвеса» в виде тем и плагинов, а не самого WordPress.

Для вашей задачи подойдут стартовые темы на основе Bootstrap. «Стартовая тема» означает, что в ней нет лишнего оформления, и содержится только базовый функционал WordPress и необходимые файлы. Такая тема предназначена для дальнейшего изменения и доработки под конкретную задачу.

Посмотрите на стартовую тему _Tk. Установив тему вы получите все преимущества как WordPress так и Bootstrap

• Сетка, компоненты и модули Bootstrap уже установлены на сайте
  
• У вас уже созданы отдельные файлы под Шапку, подвал, запись блога, страницу, архивы и т.д.
  
• Для меню, виджетов, наполения страниц и много другого уже есть админка
  
• Вы можете воспользоваться плагинами кеширования для ускорения загрузки сайта
  

Общий ответ: использование Media Queries, т.е. в CSS вы прописываете отдельные правила для конкретного размера экрана. Например можно сделать текст логотипа поменьше, убрать или сузить строку поиска и т.д. для промежуточных разрешений, например c 768 до 1200 пикселей.

Выглядеть будет примерно так:

@media (min-width: 768px) and (max-width: 1200px) {
.logo {
 font-size: 14px
}

.search-bar {
 display: none
}
}

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