Editor Plus 2.1 капитально обновляет интерфейс управления блоком и добавляет анимацию Lottie

Вчера Мунир Камаль выпустил версию 2.1 плагина Editor Plus . Самое большое изменение – это полная переработка элементов управления дизайном. Разработчик также добавил новый блок анимации Lottie.

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

На данный момент у плагина всего 1000+ активных установок. Тем не менее, с середины 2020 года он сохранил рост более чем на 11%. Я ожидаю, что в следующем году он ускорится, поскольку Камаль продолжает размещать отдельные части более крупной головоломки, которая включает в себя бесплатные блоки, шаблоны и шаблоны в Gutenberg Hub. . Он заложил основу, и теперь у него есть один из крупнейших ресурсов редактора блоков в сети.

Капитальный ремонт средств управления дизайном

Моя самая большая жалоба на Editor Plus всегда заключалась в том, насколько подавляющими были некоторые варианты блокировки. Слишком много вариантов может быть ослепляющим, и из-за них сложно понять, с чего начать настройку блоков.

В нашем последнем обсуждении пару недель назад Камаль сказал, что «другие улучшения пользовательского интерфейса еще впереди». Он уже работал над ужесточением контроля, создавая то, что он назвал более компактным пользовательским интерфейсом. Он черпал вдохновение в инструментах дизайна Figma и Sketch.

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

Есть еще области, которые можно очистить и сделать более интуитивно понятными. Прямо сейчас Editor Plus добавляет вкладки настраиваемых параметров блока, где в WordPress уже есть такие же вкладки. Например, плагин создает собственную вкладку «+ Типографика». Вместо этого он должен установить свои настраиваемые параметры на существующей основной вкладке «Типография». С чисто пользовательской точки зрения видеть вкладки с одинаковыми названиями сбивает с толку. Это также позволит создать более компактный список вкладок верхнего уровня. В плагине есть другие вкладки или элементы управления с той же проблемой.

Блок Анимации Лотти

Камал добавил первые семь блоков плагина в последнее обновление плагина . Его основная цель – расширить возможности стандартных блоков WordPress. Однако ему нужно было создать несколько новых блоков для обработки некоторых макетов, которые были невозможны с одним ядром. Последнее обновление добавляет блок анимации Lottie, который позволяет пользователям ссылаться на файл JSON для анимации Lottie или загружать его.

Lottie – это библиотека, созданная Airbnb, которая анализирует анимацию Adobe After Effects, которая экспортируется как JSON с помощью Bodymovin. Затем он изначально отображает их на мобильных устройствах или в Интернете. Размеры файлов меньше, чем у многих других вариантов, а масштаб анимации можно увеличивать или уменьшать без пикселизации.

LottieFiles – одна из крупнейших библиотек бесплатных анимаций Lottie в Интернете. Пользователи могут выбирать из тысячи анимаций.

Камаль уже начал использовать новый блок анимации Lottie в библиотеке шаблонов секций Gutenberg Hub , в которой содержится код блока, который пользователи могут копировать и вставлять в редактор при условии, что у них установлен плагин Editor Plus. На данный момент он добавил три рисунка Лотти с анимацией Черной пятницы – как раз к сезону покупок.

Хотя JSON-файлы анимации Lottie имеют небольшой размер, скрипт для воспроизведения анимации – нет. Размер файла JavaScript составляет 294 КБ. Этот файл загружается только в том случае, если используется блок Lottie. Размер может быть препятствием для некоторых пользователей. Однако для сайтов с большим количеством анимаций об этом стоит подумать.