Павел

В functions.php пишем

add_action( 'after_setup_theme', 'mytheme_setup' ); 
function mytheme_setup() {
        add_theme_support( 'menus' );
}

Потом идете в админку Внешний вид -> Меню. Создаете меню, имя на латиннице. Накидываете туда ссылки, страницы, записи.
Идете в ваш шаблон, и в нужном месте выводим меню с помощью
wp_nav_menu()
Читаем доку здесь wp-kama.ru/function/wp_nav_menu
Должно получиться примерно так

<?php
                wp_nav_menu( array(
                    'menu'            => 'название_меню',
                    'container'       => 'nav', // ну или div
                    'container_class' => 'класс контейнера',
                ) );
                ?>

WP отслеживает активный пункт самостоятельно, только стили пропишите.

не проще просто отдавать php страницу ?

А что браузер с ней будет делать? Браузер умеет отображать html со стилями css и скриптами на js, все. Скрипты на PHP обрабатываются на web-сервере, именно там стоит интрепритатор языка. Вычисляются все переменные, делаются запросы в базу данных и прочее, потом собирается html документ и отсылается пользователю в браузер. по-другому это не работает. Даже то, что вроде бы работает в браузере (подгрузка новых постов, товаров, обновление корзины) делается через ajax с обращением к серверу за данными. Вы в свое CMS можете любое окончание для url поставить - .html, .php или вообще без него, механизм работы от этого не изменится

есть отличный сервис, попробуйте https://tinypng.com

Попробуйте так.

$('#contact-form').on("submit", function(e) {
   e.preventDefault();
  $.ajax({
    url: "https://formspree.io/letehaha@gmail.com", 
    method: "POST",
    data: $(this).serialize(),
    dataType: "json"
  }).done(function() {
     $('#contact-form').trigger("reset");
  });
  return false;
});

Если я правильно понял, данные попарно за один раз? Количество элементов в массивах одинаковое?
Можно так

$arA = array( 1,2,3,4,5,6);
$arB = array (7,8,9,10,11,12);
$i= 0;
foreach ($arA as $a ){
    echo '<p>';
    echo $a;
    echo $arB[$i];
    echo '</p>';
    $i++;
}

Ваша тема Elazi Lite https://ru.wordpress.org/themes/elazi-lite/ Можно её скачать и посмотреть оригинал файла single.php там вот так

</div>
                <!-- entry-box -->

                <?php get_template_part( 'inc/template/related-posts' ); ?>
                <!-- related-post -->

                <?php comments_template(); ?>

            </div>
            <!-- widget-area-4 -->

Вы удалили

<?php get_template_part( 'inc/template/related-posts' ); ?>

Делайте регулярные бекапы на сайте. И перед каждым редактированием бекап нужного файла. А еще лучше создайте дочернюю тему, что бы при обновлении темы, все ваши правки не слетели https://codex.wordpress.org/Дочерние_темы

Можете кастомизировать и собрать свой бутстрап и сделать сетку любой величины getbootstrap.com/customize