WordPress представила Gutenberg 13.7, который содержит многочисленные улучшения, улучшающие рабочий процесс, обеспечивающие более детальный контроль в полнофункциональном редакторе сайта и многочисленные улучшения пользовательского интерфейса.
Как и любой другой выпуск WordPress, это накопительное обновление, а не совершенно новый опыт.
Тем не менее, опыт редактирования должен быть более интуитивным и естественным.
Блокировка блоков обеспечивает более детальный контроль
13.7 содержит дальнейшие улучшения возможности блокировки блочных элементов, чтобы предотвратить их изменение.
Новейшее улучшение заключается в том, что пользователи теперь могут применять функцию блокировки к блочным элементам, содержащимся в заблокированном блоке.
При выборе переключателя функция блокировки, применяемая к блоку, может быть унаследована содержащимися в нем блоками.
Меню блокировки блокировки
Выбор блокировки блока порождает другое меню, которое предоставляет параметры для более детального управления блокировкой блоков, содержащихся в блокируемом блоке.
Крупный план модального блока блокировки
Улучшенные всплывающие модальные меню
Всплывающие меню, называемые модальными, могут появляться поверх страницы, над которой ведется работа, из которых можно вносить различные изменения, например, обновлять настройки.
Что делает это изменение, так это применяет размытие к документу, который находится под меню.
Размытие страницы под модальным всплывающим меню улучшает фокус.
А была выражена озабоченность по поводу этой новой функции (пока он все еще находился в стадии разработки), который был связан с возможностью для пользователя потерять контекст того, что было изменено из-за размытия.
Они предположили, что в некоторых случаях размытие фона может привести к тому, что пользователь не сможет увидеть, что было изменено, что приведет к удалению контекста.
Человек написал:
«Я только что столкнулся с потенциальной проблемой юзабилити, когда есть элемент за пределами модального окна, который контекстуально связан с содержимым модального окна.
Например, если вы перейдете к настройке элемента в представлении списка, чтобы применить или снять блокировку, при открытом модальном окне вы больше не сможете увидеть, какой (конкретный) блок вы выделили…»
Решением этой проблемы стало наблюдение, что если контекст необходимо держать в поле зрения, то модальное (всплывающее) меню — не лучший пользовательский интерфейс. Это означало, что размытие не будет проблемой, потому что модальные окна не используются в ситуациях, когда пользователю необходимо сослаться на базовый документ.
«…вообще говоря, если вам нужно одновременно наблюдать и за модальным содержимым, и за остальной частью пользовательского интерфейса, то модальное окно, вероятно, не будет лучшим выбором».
Пример размытия позади модального окна
Система шаблонов предлагает больше контроля над дизайном
Это изменение предоставляет пользователю возможность создавать больше шаблонов, которые могут быть специфичными для отдельных категорий, тегов, страниц и настраиваемых типов сообщений.
Согласно WordPress:
«Например, вы можете использовать другой шаблон для всех личных сообщений в блоге, второй — для всех сообщений в блоге, связанных с разработчиками, и третий — для всех сообщений о путешествиях.
Если на вашем сайте зарегистрированы дополнительные типы сообщений, такие как книги или продукты, ваш экземпляр редактора автоматически перечислит их в поле выбора для кнопки «Добавить новый шаблон».
Это долгожданное дополнение, поскольку оно устраняет явное ограничение и расширяет возможности улучшения веб-сайтов при использовании полнофункционального редактора сайтов Gutenberg.
Улучшения рабочего процесса
Существуют и другие улучшения, предназначенные для улучшения и оптимизации рабочего процесса за счет предоставления дополнительных параметров.
Среди этих изменений — возможность выбирать избранное изображение из заполнителя медиа вместо загрузки или выбора из медиатеки.
Скриншот популярного улучшенного модального окна
Причиной этого улучшения является задокументировано в запросе на вытягивание:
«Этот PR позволяет поддерживать медиаблоки, предлагая пользователям возможность начать с избранного изображения из состояния-заполнителя.
Почему
Чтобы избежать необходимости выбирать другой носитель только для того, чтобы получить опцию, а также потому, что избранное изображение теперь скрыто за элементом управления блоком «Добавить медиа» в потоке замены медиа».
Новое: время читать
Возможность проверить, сколько времени потребуется, чтобы прочитать документ, также является новой функцией, которая была добавлена.
Эта новая функция добавлена в информационную панель на экране редактора сообщений, которая в настоящее время предоставляет информацию о количестве слов, символов, используемых элементах заголовков, количестве абзацев и количестве блоков.
Количество времени, которое требуется среднему читателю, чтобы прочитать документ, является очень полезной информацией.
Скриншот обновленной информационной панели
Улучшен пользовательский интерфейс панели настроек боковой панели
Еще одним примером улучшенного пользовательского интерфейса является панель настроек боковой панели, которая была обновлена, чтобы упростить ее использование.
Компоновка панели настроек более интуитивно понятна, ее легко просматривать и выбирать из пунктов меню.
Скриншот до и после
WordPress описал улучшенный интерфейс:
«В результате получается более четкое и организованное отображение, которое должно помочь вам быстрее получить доступ ко всей важной информации о вашем посте/странице с первого взгляда».
Так много улучшений
Новый Gutenberg 13.7 представляет собой накопительное обновление, а не радикальное изменение предыдущей версии. Улучшения могут не появиться сразу, но они будут способствовать более естественному редактированию.
Это обновление затрагивает почти все области редактора Gutenberg, включая новые компоненты, такие как палитра цветов, улучшенные настройки документа, улучшенное полнофункциональное редактирование сайта и многочисленные исправления ошибок.
Цитаты
Прочитайте полное объявление WordPress
Прочтите запрос на получение блокировки блокировки
Блокировка блока: добавьте параметр «Применить к внутренним блокам» # 41876.
Размытие фона на модальных окнах
Обновить модальный дизайн #40781
Начните с запроса на вытягивание рекомендуемого изображения
Начните с избранного изображения в медиа-заполнителе # 41722
Избранное изображение Shutterstock/Vulp
Изменено автором
