Добавляем настройки темы в WordPress с помощью Customizer
Наверняка вы знаете, что в меню Внешний вид в админке WordPress есть пункт «Настроить». Его английский аналог — Appearance → Customize. Так вот Customizer — это […]
Использование html-элемента dialog для создания модального окна
Элемент dialog в HTML является пока еще экспериментальной технологией, хотя и с очень хорошей поддержкой браузерами, и предназначен для отображения диалоговых (всплывающих) или модальных окон. […]
Добавление меню в тему WordPress. Использование класса Walker_Nav_Menu
Возможность добавить меню в тему появилась в 3-й версии WordPress. Благодаря использованию класса Walker_Nav_Menu меню в WordPress обычно формируется в виде маркированного списка с определенным […]
Примеры выпадающих меню (dropdown menu)
В web-разработке всегда нужно использовать меню. Они могут быть короткими или длинными, располагаться вверху или сбоку, или в футере, но очень часто они бывают выпадающими. […]
Transition-анимация для компонентов во Vue 3
Анимация на странице — это всегда красиво и не всегда сложно. Наверняка вы используете анимацию типа transition при наведении на различные элементы или типа @keyframes […]
Валидация полей формы в HTML с помощью атрибута pattern
Валидация полей формы — это проверка на стороне клиента, т.е. на компьютере пользователя, который пришел к вам на сайт и эту форму заполнил. Она происходит […]
Стилизуем ползунок (input type="range")
Ползунки, которые в HTML-коде представлены тегом <input type=»range»>, обычно довольно скучны. Однако стилизация этих ползунков может быть разнообразной, очень красивой и даже похожей на подарок […]
Создаем слайдер только на CSS
Сегодня слайдеры стали неотъемлемой частью многих сайтов: магазины, курсы, компании таким образом представляют свой товар или услуги. Для слайдеров существует множество реализация на JavaScript/jQuery, например, […]
Создание виджета в WordPress в классическом стиле
Виджеты в WordPress — это один из вариантов оформления сайта. В основном виджеты позволяют управлять контентом в боковой колонке или футере сайта. Но их расположение […]
Удаляем последний символ из строки в PHP
Довольно часто возникает вопрос, как удалить последний символ из строки в PHP-скрипте? Например, вам мешает запятая, точка или восклицательный знак в конце предложения или слэш […]
Как с помощью php сделать размытую картинку
Иногда есть необходимость «заблюрить картинку», т.е. сделать ее размытой с помощью php-скрипта. Это может понадобится для замены каких-то изображений для неавторизованных пользователей, например, или для […]
Получаем путь к файлу или папке в PHP
Для некоторых манипуляций с файлами в PHP необходимо использовать путь, который будет указывать на файл или папку в файловой системе сервера, а не URL, который […]
Преобразование формата даты в PHP
Формат даты мы можем получить из поля <input type=»date»>, однако он будет в формате гггг-мм-дд, т.е. 2024-01-25. Однако для вывода информации предпочтительнее будут другие форматы. […]
Оптимизируем обращение к серверу за счет API Heartbeat WordPress
Возможности WordPress Heartbeat API API WordPress Heartbeat обеспечивает три ключевые функции, которые делают администрирование веб-сайта проще и удобнее. К этим функциям относятся автосохранение, блокировка контента и […]
Событие onload в JavaScript
Событие onload или просто load наступает при загрузке страницы или какого-либо контента, который подгружается в вашу страницу. Это может быть изображение, видео-, аудио-файл или другая […]
Текущая дата и время в PHP
PHP — это серверный язык сценариев, который позволяет создавать динамический контент на веб-страницах. Как и JavaScript, который работает на клиентском компьютере, PHP умеет обрабатывать дату […]
Приоритет css-селекторов и их вес
Возможно, вы сталкивались с ситуацией, когда вы задаете какое-то свойство для определенного селектора, но после этого … ничего не происходит? В чем дело, не всегда […]
Селекторы CSS. Дочерние, родственные, селекторы атрибутов, псевдоклассы и псевдоэлементы
К простым, или основным в плане их используемости селекторам можно отнести селектор класса и id. То есть ваши элементы браузером легко находятся и легко стилизуются. […]