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