Встраиваемое видео с youtube с быстрой загрузкой

Просто напишу, что нашла отличное решение здесь https://www.labnol.org/internet/light-youtube-embeds/27941 Если коротко, автор предлагает сначала подгрузить картинку (превью, которое youtube автоматически делает). По клику на картинке будет подгружаться видео с автоматическим проигрыванием (с помощью скрипта). Код для вставки в html страницу: где VIDEO_ID — это ID вашего видео, в ссылке на видео есть. Например, ссылка на видео… Читать далее Встраиваемое видео с youtube с быстрой загрузкой

Передача значения атрибута кнопки в форму Contact Form 7

Встала задача на странице каталога товаров по клику кнопки «Заказать» (в каждой карточке товара) передать в форму ссылку на товар. Та же задача на странице карточки товара решалась очень просто, через тег [_url]. Если этот тег вставить в каталог, то будет отправляться ссылка на страницу каталога, а нужно на товар. Сама кнопка выглядит так: где… Читать далее Передача значения атрибута кнопки в форму Contact Form 7

Опубликовано
В рубрике Wordpress

Плавное подчеркивание ссылки

В моем случае это плавное подчеркивание слева направо. Отключаем стандартное подчеркивание. Создаем псевдоэлемент — линию в 1px и задаем ширину 0. При наведении ширина становится 100%.

Полезные плагины для Figma

Здесь я собрала плагины, которыми регулярно пользуюсь. Font Fascia — выводит все шрифты и начертания в макете Inspect Styles — замена режиму разработчика, который Фигма недавно сделала платным, выводит код градиента, тени и т.д. Iconify — простые иконки SBOL Typograph — переносит тире и предлоги, ставит неразрывные пробелы.

Опубликовано
В рубрике Дизайн

Redux — установка и настройка

Не первый проект на WordPress делаю с Redux Framework и каждый раз как заново) Поэтому решила написать прежде всего для себя коротенькую инструкцию, но может и вам будет полезно. Дальше начинаю менять поля и секции под себя, где через чтение документации, где методом тыка)) Вывод нужного поля в шаблоне: где $house — это глобальная переменная,… Читать далее Redux — установка и настройка