EditorPlus: плагин для управления дизайном блоков в WordPress


На прошлой недельке, когда я заканчивал обзор Gutenberg Forms, Мунир Камал, основоположник этого проекта, готовился к запуску еще 1-го плагина для редактора блоков в WordPress. Плагин получил заглавие EditorPlus. Он дозволяет сделать систему дизайна блоков. Камал и его команда добавили крайние штришки в версию 1.0 и выложили плагин в репозиторий WordPress.

В отличие от почти всех остальных плагинов, которые делают произвольные блоки для заслуги определенных зрительных результатов, EditorPlus дает юзерам возможность настраивать свои странички при помощи уже имеющихся инструментов. Он добавляет массу опций к любому из имеющихся блоков WordPress. На стороне фронтэнда плагин сформировывает лишь легкий CSS, требуемый для вывода странички.

Преимуществом плагина будет то, что он дозволяет заложить фундамент для почти всех способностей, связанных с дизайном страничек, которые в предстоящем будут «жить» в Gutenberg и, в конце концов, в ядре WP. Команда Gutenberg часто заимствует идеи, улучшает их и оттачивает до совершенства. Мы уже лицезрели экспериментальные элементы управления отступами в Gutenberg 8.3. Естественно, команда разрабов дополнит их и иными органами управления, связанными с дизайном. Когда эти функции возникают в посторониих решениях, команда Gutenberg может изучить отзывы на их, поглядеть, как юзеры реагируют на такие способности, и лишь позже уже эти функции могут показаться в Gutenberg.

EditorPlus дает широкую свободу дизайна без касаний к коду. Плагин на самом деле является CSS-редактором, но не просит познания CSS. Он дает юзерам функции для более принципиальных CSS-возможностей через характеристики блоков. Это мощная площадка для тех, кто любит возиться с дизайном, чтоб создавать неповторимые макеты, не перегружая фронтэнд.

Индивидуальности работы EditorPlus

Опосля активации EditorPlus юзеры могут сходу же приступать к настройке нужных опций, перейдя в редактор записей либо страничек. Довольно вставить блок. Плагин сделает доступными 8 вкладок в панели опций блока:

  • Border
  • Box Shadow
  • Sizing
  • Background
  • Margin
  • Padding
  • Border Radius
  • Extras
Читайте:  Компания Automattic запустила сервис сканирования на вредоносное ПО и уязвимости

Эти вкладки будут отображаться лишь для главных блоков WordPress, входящих в ядро. Если блок был добавлен посторонним плагином, то для такового блока новейших опций не будет. Любая вкладка соответствует своим CSS-аналогам (не считая вкладки Extras). Во вкладке Extras находится расширенная функция Display, которая дозволяет поменять значение display обертки блока в CSS. Этот вариант лучше поменять лишь опытным юзерам.

Любая вкладка с опциями имеет таинственные клавиши «R» и «H». Клавиша R дозволяет включать адаптивные функции, т.е. стили блока могут быть раздельно изменены для десктопов, планшетов и мобильных устройств. Клавиша H дозволяет поменять дизайн зависимо от наведения курсора мыши.

EditorPlus: плагин для управления дизайном блоков в WordPress

В плагине все функции компактно расположены. Сначала такое количество вкладок может отпугнуть, но если в их разобраться, можно просто создавать произвольные макеты хоть какой трудности.

Фактически все функции являются ординарными и понятными. Если что-то неясно, то можно поэкспериментировать с ними и сходу же отметить, что изменяется в редакторе.

Проблемные области в плагине тоже имеются. Все зависит от стилизации определенных блоков в теме. Например, опции ширины во вкладке Sizing могут срабатывать не постоянно. Некие темы ограничивают наивысшую ширину блоков. Естественно, можно переписать это через плагин, но Камал решил не созодать этого в версии 1.0.

Будьте аккуратны с полями (margins). Если вы зададите лишь верхнее либо нижнее поле, плагин автоматом проставит 0 для полей слева и справа. Это может сломать разметку в неких темах.

Одна из заморочек, с которыми я столкнулся, была связана с тем, что стили моей активной темы имели наиболее высочайший ценность, нежели стили плагина. Такое может происходить, например, в Twenty Twenty, если задавать отступы для p.has-background. Эта неувязка была ожидаемой, а поэтому разраб плагина добавил решение для нее в виде чекбокса important для каждой функции. Если юзер поставит галочку напротив чекбокса, то в таком случае к стилевому правилу будет добавлен параметр !important. По данной нам причине стили темы будут переписаны. Но это решение не является полностью надежным. Все может варьироваться зависимо от темы.

Читайте:  WP TikTok Feed: вывод TikTok видео в WordPress

Мне лично не весьма нравится мысль с флагом important в UI. Юзер не должен о этом волноваться. Но это наша действительность. Для тем и плагинов не выдумано другого метода сказать, какие правила являются наиболее приоритетными. Поэтому было уместно добавить этот пункт в UI. По другому стили темы могли бы переопределять стили плагина.

Резюме

Релиз EditorPlus 1.0 пока имеет некие недочеты. В главном они соединены с конфликтами стилей плагина и темы.

Но Камал заверил, что в дальнейшем плагин станет еще полезнее. Пока, но, непонятно, как конкретно он планирует его облагораживать. Мне недостает, например, функции text-shadow для текстовых блоков, таковых как Heading и Paragraph. Также было бы хорошо узреть функции дизайна для изображений в блоке Gallery.

Стоит употреблять EditorPlus либо нет, зависит от того, необходимы ли для вас доп элементы управления дизайном. EditorPlus понадобится юзерам, которым необходимо что-то напоминающее легковесный конструктор страничек, но которые желают придерживаться родной системы WordPress. Плагин является красивым примером того, что можно создать с дизайном блоков. Все это в длительной перспективе обязано показаться в том либо ином виде в ядре WordPress. Ну а пока используем плагин.

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


Ваш комментарий

Ваш адрес email не будет опубликован.

Для отправки комментария, поставьте отметку, что разрешаете сбор и обработку ваших персональных данных . Политика конфиденциальности

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.