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

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

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

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

Перегенерация пермалинков (слагов) — массовое изменение ЧПУ на сайте 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 в таком формате: И получаем такую простую тень: Темная тень на светлом...

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

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

Мой опыт работы с крауд-ссылками

Когда-то давно была задача продвинуть несколько страниц небольшого сайта, который я же когда-то и делал, в поисковиках с ограниченным бюджетом. Главным плюсом было то, что...

background-position чуть подробнее

В общем, background-position — очень простое свойство в CSS используемое, чтобы указать позицию фонового изображения. Есть несколько вариантов синтаксиса, чтобы указать позицию фона: Числовое значение...

Как задетектить скролл вниз или вверх в браузере

Простой полезный скрипт для анимаций или какого-либо отдельного функционала Пример, как скрипт определяет направление скролинга в браузере, просто поскрольте колесом, и будет виден текст направления...

Как задать отдельные стили только для браузера IE 11 и Edge

Задача такая, для IE11 и Edge задать отдельные стили для SVG, потому что в этих браузерах не поддерживаются фильтры для свг и соответственно свг-шка не...

SEO продвижение сайтов с помощью вечных ссылок

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

Эффективный способ перенести свой e-commerce проект на WordPress на новый хостинг и не потерять прибыль

Для e-commerce проектов особенно важна устойчивая работа хостинга. Плохой Uptime и медленная работа сервера негативно отражаются на прибыли проекта и SEO-показателях. Причиной смены хостинга также...

Как задать длину цитаты (excerpt) или изменить ее вид

Цитата записи (excerpt) выводится внутри цикла таким кодом: По умолчанию, она обрежется длиной в 55 слов и в конце будут такие символы […], что не...

Пакетная оптимизация картинок для Google Page Speed Insight

Репозиторий с оптимизатором картинок на Github — https://github.com/DenisShapkun/images-optimization. В общем, это моя секретная разработка для сжатия картинок (PNG, JPEG, GIF, SVG). Все сейчас гоняются за...