Ankhena, извиняюсь, накосячил.
Окей, сделаю фоном.
Но с ним тоже проблемы: если мало контента или много, то картинка непропорциональная становится. min-height, наверное, поставлю.
Вот примерно так: https://jsfiddle.net/y12w9dbe/
Область внутри контура не является ссылкой, только сам контур и текст.
UPD: Brasileiro помог с кнопкой
Ankhena,
1. Да, я попробовал так (написал в вопросе UPDATE) и с mask-image попробовал. Но дело в том, что дальше в макете идут еще и модалки в виде облака. Я думал, может есть универсальное решение для всего этого.
2. Да, верно, там модалка, но ничем не отличается от того, что в секции (тоже облако).
3. Я попробовал использовать этот контур, внутрь svg вставил тег a и текст (находил такие решения в гугле), но эффект наведения происходит только когда я навожу на сам контур и на текст, а во внутренней области не происходит hover.
Ааа, поонял. По сути, да, селект это и есть кнопка...
popup'ом вы называете всплывающий прямоугольник, а menu - список option'ов? Нельзя ли их объединить в один блок?
Вижу, вы используете другой неймниг модификатора - через одиночное подчеркивание.
А если использовать два дефиса --, то группировка по признаку должна быть по аналогии как у вас? Например, btn--size--large?
Вадим, ну с горем пополам что-то начало выходить, но лол, а как мне сделать, чтобы контент на видео не налез а как как бы под маску заходил?
Вот, что в макете:
Так еще и background image для hero как-то надо задавать в обход этого оленя. Я же не могу элементу rect его задать. Мне кажется или это невозможно для IE11 сделать... Чел на stackoverflow сказал, что для IE11 нет лучших решений.
Вадим, у меня не будет этот лось на 100% экрана, только на 50% слева должен расположиться. А на видео плевать вообще. Я его собирался растянуть на 100% и translateX(-25%) чтоб в лосе примерно центр видео показывался. Крч вот, если интересно: https://disk.yandex.ru/i/N8XdhJNLNiE3Hg
Вадим, подсмотрел в вашем решении атрибут preserveAspectRatio и что-то начало выходить:
Надо только опустить рисунок. Как мне подобрать нужные значения viewBox и этого атрибута, чтобы рисунок выглядел так, как я хочу. Может, сервисы какие-нибудь есть?
Я подставляю свою фигуру, но она отображается не так, как я хочу. Поэтому я решаю изменить viewBox, чтобы мой рисунок отобразился как надо, но это приводит к другой проблеме.
Артем Золин, хмммм, интересно. Например, do_action('before_home_page') вы прописываете в начале home page'a и туда цепляете функцию вывода категорий допустим. Прикольно. Не сразу дошло. А где вы узнали такую практику или это чисто ваш стайл?)
Артем Золин, хорошо, изучу все, что вы сказали. Благодарю. Но не очень понимаю, зачем мне archive.php, если страница остается такой же, просто конкретные посты выводятся.
А есть ли у Вас проекты похожие на этот? https://www.figma.com/file/cTiLXsPSRDAEoA5fYLNmXu/...
Дабы я смог посмотреть пример и разобраться. Или какая-нибудь другая работа, которую не жалко.
Артем Золин, не хочу плодить темы с легкими вопросами поэтому попробую здесь спросить.
Я отбросил мысль, что index.php это главная.
Я решил засунуть туда вывод всех постов.
И вот почему:
Перед постами выводится список всех категорий и при клике на категорию я хочу, чтобы посты этой категории выводились на такой же странице, как и страница со всеми постами (будто бы произошла сортировка).
Посмотрев схему иерархии, я пришел к выводу, что мне не нужно создавать файлы category.php и т. д.
И теперь при клике на категорию WP не находит нужные файлы проходит через всю иерархию и использует index.php для вывода, таким образом у меня там отображаются посты кликнутой категории.
Правильно ли я сделал все, Артем?
