Как подключить этот font-face генератор?

Что же вам неймется? Остался один актуальный формат шрифтов: woff2. Даже если вам нужно поддерживать какие-то древние браузеры и просто woff, то это всё равно меньше строк, чем в тоё простыне, что у вас выше.

Просто подключите обычным способом и оставьте мозг в покое.

Оформление полной карточки о товаре, фото, и мини фото, плюс видео, как реализовывают?

Александр Васильев, и я за swiper

Может какой-то есть готовый скрипт, а то обычно я из слайдера делаю или что-то типа того, но не всегда хорошо.

В целом, логично делать слайдер из слайдера. Он же готовый скрипт.

Owl когда-то нравился, но у него JQ в зависимостях и были проблемы с флексами и гридами. Возможно, пофиксили. Хотя, кажется, его кучу лет не обновляли.

Возможно ли перенести свой дизайн на сайт WordPress?

Возможно ли перенести свой дизайн на сайт WordPress?

Да, конечно.

или такой дизайн для WordPress невозможен?

Любой дизайн "цепляется" к любой CMS. Возможно, для упрощения и удешевления работы, с некоторыми нюансами.
Если уже при верстке знать к какой и её особенности, то будет легче.

Может, есть какие-нибудь плагины или что-то типо того...

Нет. "Само" оно не догадается что и куда нужно разместить.

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

Есть фриланс. WP широко распространен, поэтому и исполнителей достаточно много.

Как создать и выделить области на изображении?

У вас в макете SVG, её и используйте

Как реализовать шторку на двух кратинках?

Такого добра полно на codepen. Ищите что-то типа слайдер before-after

clip там не нужен, достаточно обычного флекса и overflow

Как сделать наложение фона на inline?

Сергей Дроздов, поменяйте цвет текста, будет проще

Как позиционировать элементы/блоки, относительно других элементов/блоков(например, панели навигации, логотипов и т.п.)?

EpikeS, на контентную img этот кран не тянет. Но если прям хочется, то опять же гридом. Вниз картинку, поверх контейнер.
Если всё таки кран это фон, то блок на всю ширину, в нём контейнер.

Как сделать наложение фона на inline?

background или background и псевдоэлементы

Как позиционировать элементы/блоки, относительно других элементов/блоков(например, панели навигации, логотипов и т.п.)?

Начать нужно с вопроса зачем там вообще абсолют? Максимум кому он нужен это стрелки.

Создаете класс container, задаете ему параметры ширины (по примеру как в шапке) и центрирование и применяете его и в шапке и в слайдах и там где он еще нужен.



Альтернатива: гриды.

Почему не работает checked?

Соседние селекторы вам не помогут при такой разметке.
Используйте :has

Как передать максимальную высоту изображению?

leeroyjenkins176, нужно разобраться с контейнерами и их размерами, а потом всё таки object-fit

Как в js сделать ссылку верхнего блока не кликабельной при fixed со скроллингом?

Шигаев.,

Однако здесь не хватает того самого триггера.

А это window.addEventListener('scroll', function() что?
Если всё таки не в момент старта, то можете воспользоваться своими же промежуточными расчетами прозрачности.

Как передать максимальную высоту изображению?

leeroyjenkins176, либо переформулируйте вопрос и последнее предложение либо всё таки погуглите.

Как передать максимальную высоту изображению?

Гуглите object-fit

Как в js сделать ссылку верхнего блока не кликабельной при fixed со скроллингом?

JS
.preventDefault()

CSS
visibility
pointer-events

Как работать с блоками HTML?

onion123332, кстати, вертикально блоки (блочные элементы) выстраиваются сами.

Попробуйте сделать несколько параграфов и посмотрите.

Как работать с блоками HTML?

Если нужно изучить бутстрап, то документация выше.
Если узнать как это работает, то можно начать с тренажеров тут https://htmlacademy.ru

Либо тернистый путь с ютубчиком.

Сюда имеет смысл приходить с более конкретными вопросами.

Почему миксин работает через раз?

Обратите внимание на порядок подключения файлов.

Вы пытаетесь использовать миксин ДО его определения.

Как не дать скрывать блок с абсолютой из род.компонента со скроллом?

но оно работает на первый div внутри листа...

Не видно, что вы делаете, но думаю, что работает-то оно на все элементы, только позиционируете вы их в одно и то же место.

Либо в разметке вынуть зеленый из блока с overflow и решать на js, связывать красный с зеленым, например, по data-атрибутам.

Как заливать проект в репозиторий?

berenray, будет очень хорошо, если напишете как именно и в чем было дело.
В этом суть сервиса.