Задаем CSS-стили в кастомайзере с помощью плагина Advanced CSS Editor

В прошлом году WordPress-разработчик Hardeep Asrani и сотрудники ThemeIsle выпустили плагин Custom Login Customizer, позволяющий пользователям проектировать свои собственные страницы входа в кастомайзере. С того момента кастомайзер был сильно изменен и улучшен, его потенциал использования значительно расширился.

На прошлой неделе команда ThemeIsle выпустила плагин Advanced CSS Editor, который демонстрирует еще одну интересную грань использования кастомайзера. Плагин работает с транспортом postMessage, предлагая лайв-превью CSS-изменений, которые пользователь вносит в специальное поле кастомайзера. Плагин также позволяет пользователям писать CSS-стили для устройств с различными размерами экрана, включая десктопы, планшеты и мобильные телефоны. Демо-пример ниже показывает плагин в действии:

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

Несмотря на то, что многие разработчики ядра WordPress негативно относятся к наличию файлового редактора в WordPress, эта функция пока не будет удалена. Использование плагина Advanced CSS Editor позволит вам взглянуть на то, как может выглядеть редактор файлов в кастомайзере – хотя бы для CSS-файлов.

Еще совсем недавно кастомайзер представлялся как неудобная возможность, очень медленно выводящая лайв-превью. Однако последние изменения, такие как селективное обновление, позволили улучшить кастомайзер, выведя опыт взаимодействия на совершенно новый уровень.

Плагин Advanced CSS Editor – прекрасный пример того, какими удобными и полезными могут быть лайв-превью. Такой опыт взаимодействия гораздо удобнее, чем многочисленные клики для просмотра результатов.

Источник: wptavern.com