В Gutenberg 11.2 расширена поддержка цвета для блоков поиска и цитат, представлена ​​экспериментальная гибкая компоновка для группового блока

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

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

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

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

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

В Gutenberg 11.2 также представлена ​​поддержка нового экспериментального гибкого макета . Потребность в дополнительных макетах была описана Риком Банистером в заявке, отправленной год назад, с запросом опции «отображать горизонтально» для блока Group:

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

Мы могли бы использовать блок Group и добавить к нему параметр «отображать по горизонтали» или «действовать как строка». Он будет обертывать своих дочерних элементов и действовать как «гибкий контейнер» ( display:flex; flex-direction:row;). Дополнительные flex параметры могут быть необязательными для выравнивания и распределения объектов.

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

Добавление поддержки «гибкого» макета для группового блока – это первый шаг к доказательству того, как параметры мульти-макета могут работать в редакторе блоков.

«В предыдущем выпуске WordPress мы представили layout конфигурацию и __experimentalLayout опору для внутренних блоков», – сказал Бенгелла. «Первоначальной причиной для этого было сделать выравнивание и ширину контента более декларативными для тем. Хотя это была амбициозная цель сама по себе, и ее трудно было достичь для макета по умолчанию, цель всегда заключалась в том, чтобы впитать и поддержать больше видов макетов в редакторе, чем обычный вертикальный список блоков ».

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