Gutenberg 10.1 улучшает многоразовые блоки, обновляет параметры интервала социальных иконок и нормализует панель инструментов блока изображений

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

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

Одним из лучших улучшений UX является возможность перетаскивания для средства выбора точки фокусировки . Пользователи могут протестировать блоки Cover или Media & Text, чтобы увидеть их в действии.

Параметры интервалов для значков и кнопок социальных сетей

Команда разработчиков Gutenberg добавила элемент управления панели инструментов выравнивания в блок Social Icons. Это позволяет пользователям определять, как они хотят отображать свои ссылки в социальных сетях. Ниже приведены текущие варианты обоснования:

• Выровнять оставшиеся элементы
• Выровнять центр элементов
• Правильно обосновывать позиции
• Расстояние между предметами

Блок кнопок теперь имеет опцию пробела, которая дает ему и социальным иконкам такую ​​же гибкость, что и блок навигации.

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

Обновления многоразовых блоков

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

Это модальное окно устраняет проблему, появившуюся в Gutenberg 9.7 . В этом выпуске поле заголовка для многоразового блока перемещено на боковую панель. Если бы у пользователей не была открыта эта панель, они могли бы легко ее не заметить.

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

Гутенберг также использует это новое модальное окно как часть процесса создания шаблона в редакторе сайта.

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

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

Семантическая панель инструментов для изображений

Панель инструментов блока изображений обновлена. Его элементы управления сгруппированы , каждая группа разделена рамкой. Панель инструментов следует определенному порядку: мета, уровень блока, встроенный уровень и другие параметры. Цель состоит в том, чтобы элементы управления в каждом блоке использовали этот порядок, который переводится в стандартный пользовательский интерфейс, которому могут следовать пользователи.

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

Разделенные по категориям части шаблона

Для экспериментального редактора сайта в последней версии появился новый патч для группировки частей шаблона . Изменение пользовательского интерфейса разделяет части на четыре категории: заголовки, нижние колонтитулы, боковые панели и общие.

Мне не удалось заставить эту функцию работать. Нет четких инструкций для авторов темы. Названные шаблоны заголовков header-one.htmlпопали в общую категорию. Части шаблона в подпапках, например header/one.html, также вышли из строя. Даже простенькие header.htmlне сгруппировались.

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

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

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

Конечно, создайте некоторые значения по умолчанию, такие как верхние, нижние колонтитулы и боковые панели. Это имеет смысл. Просто передайте часть контроля.