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

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

My 10 year old is getting her own room for her birthday.

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

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

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

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

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

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

Блог про WordPress
Комментарии: 4
  1. Travel

    есть какой то еще аналогичный плагин, но для опенкарта?

    1. Дмитрий (автор)

      Без понятия, сайт посвящен WordPress.

  2. Вячеслав

    Здравствуйте! Долго разбирался с инлайновыми стилями, многие специалисты в один голос твердят что их надо якобы выносить в отдельный css файл, но как это сделать я не знаю. Возможно ли как то их вынести в отдельный файл с помощью данного чудо плагина?? Спасибо.

    1. Дмитрий (автор)

      В данном случае плагин всего лишь упрощает задание стилей, но не меняет их способ вывода.

Добавить комментарий для Вячеслав Отменить ответ

Получать новые комментарии по электронной почте.