Владислав

Вот теперь понятна суть вопроса.
Действительно заголовки - это не совсем гутенберг блоки в фронтенде. А просто H* тег. И они не оборачиваются в конструкцию вида <div class="wp-block-
Выхода я вижу три:
1. попросить разработчиков, уж если они поддерживают концепцию блоков, то и его обернуть в див с указанием блока
2. С помощью jquery при загрузке страницы оборачивать в нужные дивы все найденные в контенте записи эти h* заголовки.
3. Самый верный - написать свой гутенберг блок с заголовками и версткой нужной вам под ваш проект.
Посмотрите этот пример https://github.com/WordPress/gutenberg-examples/tr... - вам нужно изменить его под свой случай. Ну или подобных стартовых блоков в сети как создавать - множество.

Мне нравится гутенберг именно этой концепцией - теперь под каждый сайт, я смогу создавать свои блоки со своей версткой, а не пользоваться существующими, которые не укладываются в дизайн сайта.
Да - это кастом. Но раньше, в tiny mce редакторе - выход был - написать шорткод. Запомнить его, атрибуты - это все было очень геморно

/?add-to-cart=123,
где 123 - id товара.

Не вижу точек с запятыми.

if( !$_SESSION['logged_user']) {
    echo $login_r;
} else { 
    echo $parea;
}

https://wp-kama.ru/

Редактируй файл search.php

При создании галлереи вы можете указать тип ссылки: на страницу или файл.
Укажите на файл и тогда лайтбокс должен заработать.

Тип лайтбокса зависит от выбранной темы или плагинов. На уровне ядра лайтбоксы отсутствуют.

Я лично предпочитаю https://wpcraft.ru/product/magnific-popup/gurl/

Можно вот так, если вдруг вы используете jQuery

$("#inputId").change(function(){
    var someDiv = $("#someDiv");
    if($(this).val() != 0) {
         someDiv.removeClass("someClass");
    } else {
         someDiv.addClass("someClass");
    }
});

var form = querySelector('form')
var inputs = querySelectorAll('input')

form.onsubmit = function(e) {
	var error = false;

	for (var i = 0; i < inputs.length; i++) {
		if (inputs[i].value == '') {
			inputs[i].classList.add('error');
			error = true
		}
		else {
			inputs[i].classList.remove('error');
		}
	}
	if (error) {
		e.preventDefalt();
	}
}

И стилизуйте класс error как Вам угодно

UPD: Ванильный JS