Поиск по блогу
07.04.2019
Элементы управления (controls) могут быть: text (простое поле ввода), textarea (поле для ввода большого текста), checkbox (переключатель), radio (группа переключателей), select (выпадающий список), color (поле для выбора цвета), upload (загрузка файла), media (загрузка media-файла), image (загрузка изображения) и т.д.
06.04.2019
В версии WordPress 4.5 появилась возможность выборочной перезагрузки элементов без написания js-кода. Давайте посмотрим, как это можно реализовать. Добавим еще одну настройку «Показать/скрыть copyright» в секцию «Настройки подвала». Как нетрудно догадаться, она позволяет скрыть или показать copyright.
05.04.2019
Давайте создадим директорию customize внутри темы. И в этой директории создадим два файла: для php-кода — customize.php и для js-кода — customize.js. Файл customize.php подключим в начале файла functions.php. Теперь все готово к работе. Создадим секцию, настройку и элемент управления — для этого добавляем…
03.04.2019
Кастомайзер — это API для создания функционала предварительного просмотра любых изменений в WordPress во фронте в реальном времени без перезагрузки страницы. Это универсальный интерфейс для настройки разных опций темы: цвет, фон, виджеты, меню и так далее.
01.04.2019
Итак, мы добавили для пользователя возможность изменять фон на сайте и загружать логотип. Но это еще не все, что умеет Theme Customizer. Следующее, что мы сделаем — предоставим пользователю возможность загружать свое изображение для шапки сайта и изменять цвет текста. Для этого добавляем в functions.php вызов функции add_theme_support().
31.03.2019
Впервые кастомайзер был анонсирован в WordPress 3.4, он позволил пользователю в режиме реального времени наблюдать за изменениями, которые он делает, без фактического изменения сайта. И только после того, как пользователя устроит внешний вид сайта, он может применить настройки, нажав кнопку «Сохранить».
20.05.2022
Простой слайдер на чистом css и javascript, не имеет практической ценности, исключительно для практики. Несколько картинок, возможность автопрокрутки, кнопки вперед и назад, индикатор текущего слайда. Для начала подготовим простую страницу, создадим html-разметку и файл стилей — а потом напишем js-класс Slider.
27.03.2022
Модальное окно — элемент интерфейса, которой визуально представляет собой «всплывающее окно», отображающееся над остальной частью страницы. При этом показ окна обычно сопровождают затемнением всей прочей части страницы. Это позволяет визуально отделить его от остального содержимого страницы, а также показать…
21.08.2021
На первый взгляд принцип его работы звучит просто: элементы с более высоким значением z-index отображаются поверх элементов с низким z-index. Но если не знать о контексте наложения, то результат может показаться странным. Для начала давайте разберемся с тем, как браузер по умолчанию позиционирует элементы…
05.06.2021
Для html-элемента нужно указать, какое css-свойство должно быть анимировано, и как оно должно быть анимировано. А когда свойство меняется, браузер сам обработает это изменение и отрисует анимацию. Другими словами, для запуска css-перехода — нужно просто изменить свойство, а дальше браузер все сделает сам.