WQP

function get(name){
   if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
      return decodeURIComponent(name[1]);
}

Пробуйте это https://davidwalsh.name/javascript-loader

Используйте Bootstrap 4. Он на flex. Там выровнять легко и без костылей

В коде ошибка $(...).UItoTop is not a function
Дальше код не обрабатывается. Исправьте её и всё заработает

echo ($value?$value:'');

Там нет подсайтов. Обычные разделы с уникальным дизайном не более. Всё можно реализовать в рамках одного движка.

Через background-image

$('.upload-photo input[type="file"]').change(function(event) {
		event.preventDefault();

        var files = !!this.files ? this.files : [];
		    if ( !files.length || !window.FileReader ) return;
		    if ( /^image/.test( files[0].type ) ) {
		        var reader = new FileReader();
		        reader.readAsDataURL( files[0] );
		        reader.onloadend = function(){
		            $('.upload-photo .img').css("background-image", "url(" + this.result + ")");
		        }
		    }
	});

Скачиваете тему и создаёте дочернюю, после чего изменяете.

Используйте flexbox. Там и костылей не надо будет придумывать.

Всегда работаю параллельно. Открыт макет в ps и в редактор поделён на две части. И начинаю блок за блоком верстать, но перед этим прохожу по всем макетам и смотрю что и где повторяется, чтобы не делать ещё один велосипед

.navbar-brand {
    padding: 0;
    margin-left: 0!important;
    height: auto;
}

www.chartjs.org

php code in content wordpress

https://ru.wordpress.org/plugins/php-code-for-posts/
https://ru.wordpress.org/plugins/insert-php/

Для знака $
.amount:first-letter { ... }

Для последних цифр нужно либо прогонять через JS для добавления тегов, либо оставлять как есть

В консоль смотрите. Возможно ошибка от сервера

Для чёрной области используйте один overlay, у которого z-index будет меньше чем у выделенных областей. При этом overlay и области должны находиться в одном блоке, чтобы был доступ внутри выделенных блоков