lexchz

.card-body {
height: 100%;
display: flex;
flex-direction: column;
}

.card-text {
flex-grow: 1;
}

Если картинки прописаны внутри post_content, то используй preg_replace:

$content = preg_replace('/(<img[^>]+ alt="([^"]+)".*?>)/', '${1}<p>${2}</p>', $post->post_content);
echo $content;

Создание тем под Вордпресс намного легче, чем под OpenCart. Здесь нет таких вещей, как MVC, Twig. Просто пишешь всё в процедурном стиле, логика идёт впермешку с html.

Но обрати внимание, что в некоторых случаях ВП создаёт тяжелые запросы к БД. Особенно это бывает в листингах постов, при сортировках по мета-полям. Здесь нужно уметь оптимизировать эти запросы.

Рекомендации:
1. Не использовать так называемые премиум-шаблоны с сайтов типа TemplateMonster. В 99% случаев - это мега-тяжёлый, перегруженный хлам для тех, кто не умеет программировать.

2. Elementor must die! Это вообще даже не должно обсуждаться.

3. Из плагинов я бы советовал только ACF и Yoast. Этого достаточно для реализации любого новостного сайта. Если сайт мультиязычный, то ещё WPML. Большое количество плагинов - плохая практика. Ещё момент: если плагин подключает свои стили или скрипты на страницах, где он не используется, его нужно сразу в мусорку.

4. Для форм использовать свой обработчик. Никаких CF7 и Рекаптчи! Для скрытых форм (например, в модальном окне) хорошей практикой является их рендеринг по факту вызова, а не размещение в исходном коде.

.un-product-thumbnail {
position: relative;
padding-top: 100%;
}
.un-product-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}

Но тебе нужно убрать программный hard crop для этих картинок, т.к они сейчас все создаются размером 300*300, обрезая часть картинки.

Например,

let places = document.querySelectorAll('input[name="place"]');
let selects = document.querySelectorAll(".city__select");
let error = '<label class="error">This field is required.</label>';

places.forEach((place, i) =>
  place.checked && !selects[i]?.value
    ? selects[i]?.insertAdjacentHTML("afterend", error)
    : void 0
);

Прописать background-size: cover блоку с фоном.

А что мешает в шаблоне исправить h3 на h1?

Например, так: https://developer.mozilla.org/ru/docs/Web/JavaScri...

Оба варианта будут индексироваться.

label - инлайновый элемент, а div блочный. Как правило, блочные элементы внутри строчных не разрешены. Хотя есть некоторые моменты, например на div внутри ссылки валидатор не ругается.

Ну как вариант, устаревший php-код обработчика, не совместимый с php 7

let i = document.querySelector('input');
let text - i.value;

Там надо прочекать все JS, которые подключены на страницах, а также фреймы сторонних ресурсов. Как правило, большую нагрузку дают Гугл/Яндекс карты, видео Youtube, виджеты соц.сетей и прочих сайтов, Recaptcha, реклама типа Adsense.
На данном сайте вижу, что наибольшую нагрузку дают внешние скрипты от Гугла.

Для улучшения показателя PageSpeed всем этим ресурсам надо установить setTimeot() несколько секунд.

Если не дублировать контент - без JS никак, к сожалению.

more_btn_header {
  height: 100vh;
    display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}