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

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

Как добавить на свой сайт ленту 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 – максимально упрощенный, чтобы было понятно, что...

Какая разница между esc_html, esc_attr, esc_html_e, _e() и другими?

Уже давно не давал мне покоя вопрос в чем разница между функциями _e() и esc_html_e… Но я везде использовал _e() и не парился, пока не...

Функция, чтобы исключить текущий пост из виджета Recent Posts Widget

Простая функция, которая позволяет не отображать в виджете Recent Posts Widget текущую запись, которая открыта в данный момент, например, если вы открыли последнюю запись в...

Онлайн CSS-генератор треугольников

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

Препроцессор SCSS-to-CSS с помощью GULP4

В общем, очередная секретная разработка для ускорения процесса создания сайтов.  Обычно для верстки я использовал десктопный препроцессор Prepros, но появилась необходимость работать независимо от сторонних...

Оптимизация изображений без сторонних приложений с помощью Gulp 4

Мой репозиторий – https://github.com/DenisShapkun/images-optimization. Используем вместо Tinypng десктопный вариант Gulp. Пакетная оптимизация изображений формата PNG, JPEG, GIF, SVG. PNG без альфа-канала (без прозрачности) лучше сначала...

Как сделать бекап и импортировать базу через SSH

Столкнулся с такой задачей, что нужно было импортировать базу через консоль по SSH, хотя обычно я это делаю стандартным способом через PhpMyAdmin. В общем ничего...

Множественная тень с эффектом свечения с помощью CSS

Если по дизайну для текста нужна тень то обычно мы используем CSS-свойство text-shadow в таком формате: И получаем такую простую тень: Темная тень на светлом...

Кастомный tootip с помощью CSS и jQuery

Задача – добавить на сайт всплывающие подсказки, но без подключения дополнительных библиотек, потому как их и так подключено много (но ни в одной нет tooltips)....