Уже некоторое время ищем приличное решение для индикатора выполнения. Большинство из них объединены в большие библиотеки блоков, поэтому нужно установить еще 20 или 30 блоков, в которых нет необходимости. Другие, похоже, совершенно не попадают в цель из-за странных конфигураций и вариантов блоков. Некоторые из оставшихся плагинов по-прежнему используют шорткоды и виджеты, но сейчас 2021 год. Ищем блок.
Пару дней назад в каталог попал блок Tiles Progress . Похоже, это небольшая часть более крупного проекта под названием Tiles. Мы следим за работой команды с тех пор, как на прошлой неделе был запущен ее первоначальный плагин для проектирования и разработки шаблонов . Этот проект все еще находится в стадии бета-тестирования, и только время покажет, станет ли он конкурентоспособным в блочном пространстве.
Однако новый блок индикатора выполнения команды был именно тем, что надо. За исключением одной ошибки, серьезных проблем не обнаружено.
Плагин делает то, что написано на банке. Регистрирует блок индикатора выполнения.
По умолчанию он включает в себя стили Small и Large, что позволяет пользователю регулировать размер панели.
Его сила в том, что содержимое блока можно редактировать в области холста редактора. Это включает метку и процент. Это освежающее изменение по сравнению со многими другими, которые требуют, чтобы пользователи вернулись на боковую панель параметров блока, чтобы изменить простой текст. Поскольку блок использует поля Rich Text для своей метки и процента, конечные пользователи могут использовать встроенные инструменты форматирования, такие как полужирный, курсив и другие.
В блоке также используются стандартные элементы управления типографикой и цветовой палитрой из ядра WordPress. Это обеспечивает доступ к размерам и цветам шрифтов темы.
Кроме того, пользователи могут выбирать макеты с широкой и полной шириной, что часто упускается из виду в подключаемых модулях блоков.
В общем, копаем этот плагин блока. Если бы был один запрос функции,надо было добавить опцию border-radius. По умолчанию индикатор выполнения закруглен, но некоторые пользователи могут предпочесть квадратные углы.
Расширение блока
В предварительных просмотрах тем почти всегда можно увидеть индикаторы выполнения, демонстрирующие, сколько PHP, HTML и JavaScript усвоил искусственный разработчик демонстрации . Это редко бывает реальным представлением индикаторов выполнения. Как вы количественно оцените, насколько хорошо вы освоили язык программирования? Занимаясь этим почти два десятилетия и не можем на это ответить.
Индикаторы прогресса должны быть измеримыми. Например, шаги, предпринятые кем-то в онлайн-курсе, процент от общего количества полученных пожертвований и любое количество вещей, которые можно подсчитать, гораздо более реалистичны.
Мое любимое использование индикаторов выполнения также есть на сайте моего любимого писателя . Мне нравится следить за работами Брэндона Сандерсона, с нетерпением ждем следующего литературного исправления.
В настоящее время Tiles Progress Block не поддерживает этот точный макет. Однако, поскольку он построен на блочной системе и не делает ничего необычного, авторы темы могут изменить это с помощью собственных стилей.
Так и поступим. Индикаторы выполнения книги в стиле Сандерсона (грубый, неотшлифованный код доступен как Gist ):
Что нравится в блочной системе, так это то, что участники могут расширять блоки таким образом. Нет ненужной проверки активных плагинов, загрузки дополнительных таблиц стилей для каждого плагина или выяснения уникальной системы каждого плагина.
Если блок кодируется в соответствии с текущими стандартами, авторам темы просто нужно использовать свои собственные стили. Затем пользователи могут выбрать эти стили через редактор и даже сделать их по умолчанию.
Хочется видеть больше этого из экосистемы блочных плагинов.
