Просто напишу, что нашла отличное решение здесь https://www.labnol.org/internet/light-youtube-embeds/27941 Если коротко, автор предлагает сначала подгрузить картинку (превью, которое youtube автоматически делает). По клику на картинке будет подгружаться видео с автоматическим проигрыванием (с помощью скрипта). Код для вставки в html страницу: где VIDEO_ID — это ID вашего видео, в ссылке на видео есть. Например, ссылка на видео… Читать далее Встраиваемое видео с youtube с быстрой загрузкой
Рубрика: Wordpress
Передача значения атрибута кнопки в форму Contact Form 7
Встала задача на странице каталога товаров по клику кнопки «Заказать» (в каждой карточке товара) передать в форму ссылку на товар. Та же задача на странице карточки товара решалась очень просто, через тег [_url]. Если этот тег вставить в каталог, то будет отправляться ссылка на страницу каталога, а нужно на товар. Сама кнопка выглядит так: где… Читать далее Передача значения атрибута кнопки в форму Contact Form 7
Redux — установка и настройка
Не первый проект на WordPress делаю с Redux Framework и каждый раз как заново) Поэтому решила написать прежде всего для себя коротенькую инструкцию, но может и вам будет полезно. Дальше начинаю менять поля и секции под себя, где через чтение документации, где методом тыка)) Вывод нужного поля в шаблоне: где $house — это глобальная переменная,… Читать далее Redux — установка и настройка
Полезные функции при создании новой темы
Здесь у меня подборка функций для functions.php новой темы. 2. Функция для вставки svg изображений инлайн. Чтобы при верстке страницы не загромождать код вставками кода svg. А они нужны для анимирования hover-эффекта.
Woocommerce. Как добавить бейдж «В наличии» на карточках товаров
Появилась задача сделать бейдж на карточках товаров на странице категории. На данный момент выводился бейдж «Нет в наличии», когда на вкладке Запасы устанавливали соответствующий флажок. На просторах интернета нашла код, немного переделала, вставила в function.php (дочерняя тема): Добавила следующие стили css: Получился такой вид: Но на этом еще не всё, нужно было добавить бейдж на… Читать далее Woocommerce. Как добавить бейдж «В наличии» на карточках товаров
Оптимизация WordPress
Многие заказчики хотят ускорить загрузку сайта и видеть показатели в зеленой зоне Pagespeed. Это и понятно, скорость загрузки сайта влияет на ранжирование в поисковых системах. Пока я в поиске лучшего решения. На данный момент тестирую связку: Super Page Cache for Cloudflare + Image optimization service by Optimole. Тут надо отметить, что этот плагин сильно сжимает… Читать далее Оптимизация WordPress
Плагины WordPress
которые я использую при создании сайтов на WordPress Во избежание путаницы в голове создала себе такую памятку по плагинам. Буду рада, если кому-то пригодится. Обратная связь Contact form 7(Дополнительно Contact Form 7 — Маска телефонного номера, Successful Redirection for Contact Form 7 — редирект на страницу благодарности) Popup Maker — для создания всплывающих окон Check… Читать далее Плагины WordPress
WooCommerce: Вывод кросселов на странице товара
Напомню, кросселлы — это то, что идет в дополнение к товару (с этим товаром покупают), апселлы — похожие товары (аналогичный, но подороже например). Стояла задача вывести кросселлы не на странице корзины, как это стандартно происходит, а на странице карточки товара. Понятно, что кросселлы предварительно нужно добавить в админке в карточке товара во вкладке «Сопутствующие». Нашла… Читать далее WooCommerce: Вывод кросселов на странице товара