Andrey Vasilev

https://wordpress.org/plugins/advanced-custom-fields/
Ну и "пагинация" слайдера будет всегда выводится, без цикла.
Тут единственное мини-отличие от стандартных слайдеров - показывать их вот таким образом

Uncaught ReferenceError: jQuery is not defined
у тебя тут ещё ошибочки подъехали. возможно, дело в них

Если не хочешь заморачиваться: https://tilda.cc/
Если хочешь что-то готовое, но потом что-то прикрутить - бери готовый шаблон (WP) на https://themeforest.net/
В остальном конструкторов и готовых решений полно.

jQuery

$('.product').removeClass('columns-4');
$('.product').addClass('columns-1);

+ смотри подключен ли скрипт на странице

Выносишь бэкграунд из css в html -> тег style:

<div class="bg" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/bg.png);">

Получаешь путь до темы:
<?php bloginfo( 'template_url' ); ?>
Далее просто прописываешь, где лежит картинка.

Был подключен скрипт, который не работал и не давал работать слику.
Если у кого-то будет подобное, просто подключайте всё по очереди и проверяйте.

Сделал кастомный Walker.
Сделал условия на вложенность:

li

if ($depth == 1) {
			$class_names = ' class="header-submenu__item"';
		}
		else {
			$class_names = ' class="header-menu__item"';
		}

		$output .= $indent . '<li' . $id . $class_names . '>';

a

if ($depth == 1) {
			$attributes = ' class="header-submenu__link"';
		}
		else {
			$attributes = ' class="header-menu__link"';
		}
		$item_output  = $args->before;
		$item_output .= '<a' . $attributes . '>';
		$item_output .= $args->link_before . $title . $args->link_after;
		$item_output .= '</a>';
		$item_output .= $args->after;

All in One Wp Security попробуй, плагин для вордпресс

UPD
Перенёс сайт через специальный WP плагин, так что если не получается, то юзайте Duplicator.
Всем спасибо за попытки помочь :)