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

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

Отключить кнопку отправки, если поле пустое

Отключить кнопку отправки, если поле пустое Javascript Второй вариант для проверки поля

Круговая диаграмма с помощью HTML и CSS (Pie Chart with HTML and CSS)

Вы можете создать круговую диаграмму в HTML, используя простую функцию CSS под названием conic-gradient. Во-первых, мы добавляем <div> элемент на нашу HTML-страницу, который выступает в качестве контейнера для нашей...

Анимированный вывод числа от нуля до заданного

Выводим число, например, подсчет голосов, или рассчет процентов после выполнения какого-либо действия. Можно выводить все время разные числа в определенном лимите, указывать здесь randomInteger(70, 90)....

Определяем ширину и высоту рабочей области браузера

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

Не отображать точки (slick dots) для одного слайда

Простая задача – если слайд всего один, то не отображать slick dots, чтобы слайдер выглядел не как карусель, а как обычный блок. Скрипты не трогаем,...

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

В общем, задача такая – убрать базовые стили, которые задаются самим движком CMS WordPress для залогиненного юзера, чтобы админбар не влиял на высоту первого блока...

Если на новом сайте не загружаются медиа с ошибкой “Unable to create directory wp-content/uploads/”

Итак, сайт новый, только развернули, каталог wp-content/uploads/ даже не создан. При загрузке изображений выдается ошибка типа: Unable to create directory wp-content/uploads/2022/03. Is its parent directory...

Удалить шифрованный EFI раздел в Windows 7/10, создать новый раздел из командной строки

Раздел EFI -обязательный для GPT разметки на системах с UEFI. Стандартный размер раздела EFI равен 100MB, но на дисках расширенного формата 4K Native (секторы 4KB)...

Как добавить noindex, follow для страниц пагинации при использовании Yoast SEO

Задача – запретить индексировать поисковиками страниц пагинации, то есть чтобы первая страница категории была открыта для поисковиков, но, чтобы 2-ая, 3-яя и т. д. страницы...

Как указать каноничной страницей первую страницу категории при использовании Yoast SEO

Суть задачи – разрешить поисковикам посещать все страницы категории, но при этом указывать, что для страниц пагинации (2-ая, 3-яя и т. д.) каноничной является только...

Как удалить мета описание (meta description) на страницах пагинации при использовании Yoast SEO

Суть задачи – убрать описание со страниц пагинации в категориях, то есть, чтобы описание категории было только на первой странице, а на 2-ой, 3-ей и...

Вывод кастомных полей в товарных категориях 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 не включает пользовательские типы записей в результаты поиска. Из-за этого вам нужно самостоятельно добавить кастомные посты в цикл. Вы добавите следующие фрагменты в...