Роман Мисюра

В зависимости от необходимой поддержки, можно использовать свойство clip-path
caniuse clip-path
Clip-path generator

ACF | Carbon Fields - как вариант дополнительных полей. Раз добавили и в товаре можно менять. В макете вывода товара - прописать вывод поля.

С другой стороны, что мешает в аналитике настроить допустим tovar1 - на ИД конкретного товара или подобное а уже в макете товара\каталога выводить то что надо + ИД товара?

Wordpress + BuddyPress ?

https://simplex.com.ua/ - Раздел "Практики" - можно посчитать количество слайдов (это будет * из ) ну и слева писать current-slide

https://www.browserstack.com/ - но платно. Как вариант попробовать использовать эмуляторы или виртуальную машину а на ней макось.

По флексбоксам вроде сафари единственный кто придерживаются правил документации.

Попробовать сервис геолокации, проверять если с Украины - то не показывать скрипты и фишки вк.
Например вот этот ip-api.com
Суть проста, берем IP пользователя, шлем на API, если страна Украина - пишем в условия что не показивать.

HTML-шорты, как правильно вставлять SVG
https://www.youtube.com/watch?v=TNX0-JLdM_U

Тут наверное не особо помогу, но есть хороший сервис по ИП геолокации - ip-api.com - использую на проектах. Определяет достаточно точно. По сути можете забирать оттуда инфу в сsv, json, xml. Ничего сложного в этом нет.

1. Теория без практики - бессмысленно. Советую брать по возрастанию сложности макеты и верстать (от простых до сложных).
В видео уроках много воды и ненужной информации, т.е. много слишком затянуто.
2. Покупать курсы - не вижу смысла если не будет индивидуального занятия с результатом и задачами. Т.е. покупать кота в мешке. Курсов в интернете много.
3. Что могу посоветовать от себя, в зависимости от Вашего уровня знаний могу покоучить немного в этом направлении т.к. сам работаю Front-End разработчиком. Можем связаться и объясню что к чему. Все бесплатно, но времени в день смогу не очень много уделять.

Не проще использовать Google Maps API (JS, web) и генерировать маркеры и описание? (На стороне клиента)

Как говорили выше, если совсем лажа - найти на фрилансе человека, который сделает лендинг.

Вариант №2 - купить конструктор лендингов (~14$) и перетащить на макет нужные элементы. Поправить рыбу текст и дело в шляпе (но опять таки, одно дело сострепать что-то готовое из готового, а совсем другое понять, как эта вся кухня обстоит.)

Вариант №3 - бесплатные конструкторы всякие и софт аля 2008-2010 год для создания сайтов.

Вариант №4 - Если действительно есть хотя бы начальные знания и понимание, то могу подсказать что, как, куда и зачем. Самое главное это ТЗ для сайта. Т.к. простой лендинг это одно, но потом захотят еще блог со всеми вытекающими. Так что тут подумать надо, возможно и на ЦМС какую посадить макет.

Вариант №5 - поискать бесплатный, красивый шаблон лендинга, в котором как говорили изменить текст рыбу, картинки, может что-то поправить.

Т.е. опять таки, онлайн курсы это одно, живая практика другая.

В шаблоне темы шорткод или код по выводу кнопки поместить под div с изображением и текстом. Все просто.

1. bennettfeely.com/clippy - поможет сгенерировать что надо.
2. Использовать разом с этим CSS функцию calc()

Например:

-webkit-clip-path: polygon(50px 0, 100% 0, 100% calc(~"100% - 50px"), calc(~"100% - 50px") 100%, 0 100%, 0 50px);
    clip-path: polygon(50px 0, 100% 0, 100% calc(~"100% - 50px"), calc(~"100% - 50px") 100%, 0 100%, 0 50px);

Обрежет сверху слева угол и справа снизу. Т.е. двигаться в том направлении.

Но в Firefox'e и эксплоере работать не будет. (В ФФ надо галочку включать) Т.е. там с clip-path проблемы caniuse.com/#search=clip-path

kenwheeler.github.io/slick + centerMode

https://wp-kama.ru/function/wp_list_categories - тут думаю будет ответ. А по факту, можно где разделитель дописать необходимое или модифицировать цикл вывода и в выводе уже обрамлять. (foreach а там ссылки обрамлять).

1. Смотреть в сторону clip-path (но не работает в FireFox - галочку ставить надо + caniuse.com/#feat=css-clip-path )
2. Там где слайдер можно использовать png изображения обрезанные по шаблону.