EditorPlus 1.9 добавляет конструктор анимации для редактора блоков

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

Последнее дополнение к его плагину? Стили анимации для каждого основного блока.

Моя первая мысль заключалась в том, что это приведет к раздуванию плагина большим количеством ненужных CSS и JavaScript для того, что, по сути, представляет собой несколько наворотов. Однако Камаль справился с этим с минимальным пользовательским CSS.

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

С тех пор, как мы последний раз рассматривали EditorPlus в июне , Камаль добавил возможность вставлять значки через любую область с форматированным текстом (например, абзацы, списки и т. Д.). Он также добавил разделитель формы, типографику, копирование стилей и возможности адаптивного редактирования для основных блоков WordPress.

Как работают анимации?

В выпуске EditorPlus версии 1.9 Камаль добавил анимацию «входа». Эти типы анимации происходят, когда посетитель впервые видит блок на экране. Например, пользователи могут настроить блок изображения так, чтобы он становился видимым, когда читатель просматривает блок.

В настоящее время плагин добавляет семь анимаций:

• Исчезать
• Скользить
• Отскакивать
• Увеличить
• Транспонировать
• Сложить
• Свернуть

Каждая анимация имеет свой собственный набор параметров, позволяющих управлять ее поведением на странице. Например, анимация отскока позволяет пользователям выбирать направление отскока. Другие параметры включают продолжительность, задержку, кривую скорости, задержку и повтор. Есть достаточно вариантов, чтобы потратить чрезмерное количество времени на обработку вывода.

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

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

Что ждет EditorPlus дальше?

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

«Я планирую иметь управление функциями на микроуровне для этого расширения, чтобы пользователь мог отключать отдельные панели стилей, такие как« Типографика »,« Фон »и т. д., – сказал он. «Более того, я планирую ввести эти элементы управления в зависимости от роли пользователя. Таким образом, администратор может отключить эти функции для редактора, автора и т. д. »

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

«Я планирую добавить больше функций анимации», – сказал Камаль. «У меня слишком много идей, таких как анимация с контролем прокрутки, анимация наведения, текстовая анимация, анимация Lottie, фоновая анимация, анимированные разделители фигур и многое другое. Но, сказав это, я буду осторожен, добавляя только те функции, которые не сильно влияют на производительность страницы ».

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