Интересные работы

Свежие записи

Вывод кастомных полей в товарных категориях WooCommerce

Чтобы вывести кастомные поля на страницах таксономий или категорий товаров нужно немного изменить стандартный вывод полей. Вместо обычного вывода поля: Используем такой формат с определением...

Как добавить попап с формой “Сообщить о наличии”, если товар закончился – WordPress + WooCommerce

Задача такая, добавить кнопку “Сообщить о наличии” с вызовом формы во всплывающем окне. Рабочая связка CMS WordPress + Woocommerce + Contact Form 7 + Easy...

Содержимое файла style.css в корне темы CMS WordPress

Базовая информация файла style.css. Пример, какие параметры и данные нужно указывать в корневом файле style.css для указания информации о шаблоне CMS WordPress. Расшифровка Параметры помеченные...

Настройка Slick-карусели (slick-слайдер)

Простые примеры настройки slick-карусели. Официальная документация здесь – https://kenwheeler.github.io/slick/, ссылка на GIT – https://github.com/kenwheeler/slick/. Подключаем необходимые скрипты и стили через CDN, можно подключать и локально....

Как отключить индексацию пустых записей, страниц или кастомных постов

Итак, суть проблемы – на сайте создано или импортировано большое количество пустых постов без контента. Возможно, ошибка, возможно, посты созданы автоматически и не успели внести...

Как задать тень элементу со скошенными углами или неправильной формой с помощью webkit-clip-path и filter: drop-shadow

Задача – есть элементы с неправильной формой, пятиугольники, шестиугольники, скошенные углы, элементы построены с помощью свойства -webkit-clip-path, но box-shadow не работает как нужно, а filter:...

Создаем фильтрацию элементов с помощью библиотеки Isotope

Этот пост вытащил из многолетних черновиков, поэтому особо расписывать не буду. Просто юзайте код. Итак, подробнее про библиотеку здесь – https://isotope.metafizzy.co/ Код расписывать не буду,...

Проблема с отображением flex-direction: column в IE

Суть проблемы – в Internet Explorer если задаем отображение блоков в колонку flex-direction: column, то можем получить такую ситуацию, что контент слипается из-за того, что...

Как добавить на свой сайт ленту Instagram с помощью плагина Smash Balloon Social Photo Feed

Задача простая – добавить на сайте в виджетах или даже на отдельной странице ленту из Instagram. Это может быть нужно для блогеров, аккаунтов компаний или...

Google глючит или как корпорация забивает на свои же сервисы, которые не приносят прибыль

Все вебмастера и дизайнеры используют Google Fonts или хотя бы раз да использовали. Это Google шрифты, которые без особых навыков или долгих настроек можно подключить...

Включить видео с youtube после нажатия на кнопку или элемент

Суть задачи такая – запустить видео по нажатию на какой-то элемент. Самый простой вариант – нажать кнопку и запустить видео. В своем примере я немного...

Как убить зависший локальный сервер с ошибкой “EADDRINUSE: address already in use”

В общем, развернутый локальный сервер, запущенный на Node, пришлось закрыть без остановки, и после этого не получается запустить новый сервер, выдается ошибка “EADDRINUSE: address already...

Ссылки для звонка/чата/перехода для мессенджеров (Skype, Viber, Telegram, WhatsApp, Facebook Messenger)

Постоянно приходится вспоминать как повесить правильную ссылку на чат скайпа или вайбера. Давно уже пора сохранить эти шаблоны для себя на сайте. Пример как добавить...

Почему the_date() не выводит дату или выводит дату только в первой записи

Бывает такая ситуация, что the_date() выводит дату только у первого поста, если остальные записи имеют ту же дату публикации. Например, вы выводите дату публикации поста...

Что означает ignore_sticky_posts?

Многие думают, что ignore_sticky_posts в соответствии с переводом означает “исключить прикрепленные посты” из цикла. Но на самом деле значение этого параметра совсем другое. Вы должны...

Как убрать тег <p> и <br> из формы Contact Form 7

Если вы замечали, то Contact Form 7 самостоятельно добавляет теги <p> и <br> в своих формах, и все бы ничего, но для более сложных форм...

Настройка мобильного меню на сайте

Тема не новая, просто хочу вынести пример мобильного меню, который я использую чаще всего. На данный момент у каждого современного человека есть смартфон, с помощью...

Перегенерация пермалинков (слагов) – массовое изменение ЧПУ на сайте WordPress

Задача – настроить ЧПУ, чтобы вместо post_id использовался postname. Проблема – после изменения настроек постоянных ссылок на сайте сгенерированы ЧПУ неправильно, еще на сайте настроена...

Как выводить кастомные типы записей в поиске

По умолчанию WordPress не включает пользовательские типы записей в результаты поиска. Из-за этого вам нужно самостоятельно добавить кастомные посты в цикл. Вы добавите следующие фрагменты в...

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

По умолчанию WordPress не включает кастомные типы записей в архивы категорий и тегов. Из-за этого вам нужно самостоятельно добавить кастомные посты в цикл. Вы добавите следующие...

Как быстро переводить много текстов на разные языки с помощью Google Sheets и GoogleTranslate

Полезный инструмент, чтобы быстро перевести много небольших текстов на разные языки с помощью Google Sheets и GoogleTranslate. Если задача перевести один большой текст, то скорее...

Как исправить ошибку 404 при постраничной навигации, если используются кастомные ссылки для записей и категорий в CMS WordPress

Итак, суть проблемы – при переходе на 2-3 и так далее страницы блога возникает 404 ошибка, если в пермалинках у нас установлены нестандартные ЧПУ. Для...

Какие отчеты сквозной аналитики полезны для предпринимателей?

Современные пользователи охотнее совершают покупки в интернете, чем в обычных магазинах. И владельцы онлайн-бизнеса давно взяли это на вооружение! Но тут возникла проблема — конкуренция...

Как заменить пагинацию WooCommerce на WP-PageNavi

Простой способ подключить вместо стандартной пагинации WooCommerce woocommerce_pagination пагинацию с помощью плагина WP-PageNavi. Устанавливаем и активируем плагин WP-PageNavi. В файле функций добавляем такой код: Всё,...

Ajax Load More

Repeater Templates index.php home.php

Рандомное добавление к числу

Пример простого скрипта с добавление к числу случайного числа в выбранном диапазоне. Для чего это нудно – например, лендинг с регистрацией на ивент, и возле...

Не спешите обновлять CMS WordPress до версии 5.7 – обнаружен конфликт с Contact Form 7 версии 5.4

Итак, суть проблемы – на некоторых сайтах перестала работать форма обратной связи Contact Form 7 версии 5.4 после обновления CMS WordPress до версии 5.7. Исходные...

Делаем картинку такой же высоты как соседний блок с помощью flex и object-fit

Задача такая, слева размещена картинка, а справа блок, внутри которого какой-то контент или другие блоки. Нужно сделать так, чтобы картинка была такой же высоты как...

Как удалить несколько последних слайдов в слайдере Slick

Задача – выводить в десктопной версии несколько слайдов с определенным дизайном, а в мобильной версии выводить больше слайдов с другим дизайном. Нашел одно решение –...

Как задать тексту фоновый рисунок с помощью CSS-свойства background-clip

Простой пример, как можно задать для текста фоновое изображение с помощью CSS-свойства background-clip. HTML – проще некуда: CSS – максимально упрощенный, чтобы было понятно, что...