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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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