Alex

Добавьте в каждый блок атрибут с цветом. Скажем data-header-bg-color=" ... "
А далее при скролле определяйте целевой блок и берите цвет для шапки из этого атрибута. Так у вас будет универсальный JS, который не зависит от самих блоков. И вы в любой момент сможете добавлять/удалять/изменять блоки и цвет шабки для них при этом не затрагивая собственно сам JS

Пытаетесь загрузить что-либо что с большой долей вероятности будет заблокировано. Проверяете удалось ли загрузить ресурс.

Так валидатор же вам черным по белому пишет в чем проблема ))
В первом случае, он говорит, что вы пытаетесь использовать картинку в теге head, что, по понятным причинам, выглядит как ошибка. Валидатор ничего не знает об пикселях, теркерах и так далее. Но воспринимает картинку как часть контента.

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

И так далее по списку

Дальше с этим кодом нужно запростить `access_token`.
Введение в OAuth 2

Тут описаны несколько вариантов

https://developer.mozilla.org/ru/docs/Web/API/Elem...

Это реализуется на уровне вашей темы. Есть функции которые выводят как цитату, так и полное содержимое, так и в зависимости от настроек сайта. Скрывать под спойлер просто -- используйте <details>.

Когда-то встречал следующий подход:
В шаблоне для главной страницы (не важно, что у вас там, статика или последние посты) подгружается и выводится контент другой страницы.

Для этого вам нужно где-либо добавить параметр для выбора страницы. Именно контент выбранной будет выводится в блоке приветствие.

Затем, пользователь создаёт какую-то страницу, с любым содержимым используя встроенный в ВП редактор. И в настройках выбирает эту страницу как "Содержимое для блока приветствия".

Базово это всё. Так владелец сайта может использовать все преимущества ВП: Все возможности редактора, Можно создавать черновики, быстро переключать одно приветствие на другое, будет поддержка мультиязычных плагинов, в блок приветствия можно засунуть любое содержимое, от "Hello World" до контактной формы с слайдером и т.д.

В самом базовом варианте:
https://www.sitepoint.com/adding-custom-meta-boxes...

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
https://developer.mozilla.org/ru/docs/Web/HTML/Att...