Вчера Gutenberg 12.6 появился в каталоге плагинов WordPress. Обновление включает в себя несколько улучшений, связанных с трансформацией, и новые блоки «Подробнее» и «Опубликовать биографию автора». Пользователи теперь также могут отображать видимые метки через блок социальных значков.
Кажется, в этом выпуске ничего не сломано, что всегда приветствуется. Гутенберг уже давно не разрушал то, на что я полагался. Было несколько проблем с ростом, но за последний год программное обеспечение стало более стабильным. Я просто хотел добавить примечание, чтобы поблагодарить людей, работающих над этим каждый день.
Как обычно, у меня есть несколько придирок, но в целом это выглядит как еще один солидный релиз.
Преобразование блоков
Разработчики пошли ва-банк на блочные преобразования в Gutenberg 12.6. Следующие блоки теперь поддерживают переключение между собой:
- Календарь ↔ Архивы
- Код ↔ Абзац
- Облако тегов ↔ Категории
- Группа ↔ Ряд (через управление вариациями)
В этом выпуске также появился новый механизм сохранения стилей во время преобразований . В настоящее время он поддерживает размер шрифта и параметры цвета. Например, пользователи могут переключаться между блоками «Заголовок» и «Абзац», что является обычным вариантом использования, без потери этих конкретных настроек. Однако другие настройки теряются, даже если они используются несколькими блоками. В этом сценарии я бы не отдал ничего, чтобы сохранить выравнивание текста.
Якоря в блоке заголовка опускаются при преобразовании в абзац в этом выпуске. Причина этого изменения заключалась в том, что WordPress автоматически генерирует их. Однако привязки, добавленные вручную, также удаляются.
При преобразовании Галереи в блок изображения параметры назначения ссылки, цели ссылки и размера изображения ранее были потеряны. Новый патч добавляет эти недостающие атрибуты .
Этикетки социальных иконок
Если есть что-то, от чего я особенно в восторге от выпуска Gutenberg 12.6, так это возможность отображать текстовые метки через блок социальных значков. Раньше они отображались только для программ чтения с экрана. Однако теперь пользователи могут включать их для всех.
Это дополнение может открыть массу вариаций дизайна блока. Конечно, я уже внес свою лепту в нарисованную вручную рамку, как показано на скриншоте выше.
WP Tavern на самом деле сыграл небольшую роль в реализации этой функции. Обсуждая аналогичный элемент управления с Ником Диего в его блоке Social Sharing , я упомянул открытый тикет для основного блока Social Icons. Вскоре у Диего был готов патч, и теперь он находится в Гутенберге.
Цветная панель использует компонент панели инструментов
Последнее обновление переключает параметры цвета блока на компонент «Панель инструментов » . В большинстве сценариев цвета текста и фона отображаются с цветом ссылки, доступным в раскрывающемся списке «параметры просмотра» (кнопка с многоточием).
Чтобы создать более унифицированный и чистый пользовательский интерфейс, кажется, мы добавили больше беспорядка для нескольких блоков. Как показано на снимке экрана выше для блока Pullquote, панели цвета, типографики и границ постоянно открыты. Блок «Группа» стал еще тяжелее с добавлением раздела размеров. Пользователи не могут скрыть их или элементы управления по умолчанию.
Когда компонент «Панель инструментов» был впервые представлен, он имел эффект расхламления, поскольку означал, что некоторые элементы управления были спрятаны. Однако теперь, когда его используют больше панелей, эта мизерная недвижимость на боковой панели параметров блока исчезла. Ожидайте прокрутки нескольких полей формы, чтобы найти нужную настройку.
Можем ли мы снова сделать их складными? Или, что еще лучше, можем ли мы иметь комбинацию вкладок и компонента «Панель инструментов»?
Разместить блок биографии автора
Блок Post Author Biography появился в Gutenberg 12.6. Его цель — отображать «биографическую информацию» пользователя, которую можно установить на странице профиля пользователя в админке. Он охватывает большинство вариантов базового дизайна, но отсутствует поддержка границ.
Это хорошее начало, но есть еще одна нерешенная проблема. Он не работает wpautop()над выходом. Это означает, что содержимое не заключено в <p>тег. Из-за этого он также не учитывает двойные разрывы строк, введенные через экран редактирования пользователем. В WordPress никогда не было стандартной функции для вывода и форматирования биографии пользователя, что позволяло авторам темы с этим справиться. Однако некоторые пользователи могут ожидать, что их собственное форматирование будет работать.
Мы приближаемся к полному набору авторских блоков . Изначально WordPress поставлял блок Post Author, который делал всего понемногу. Из-за этого было практически невозможно постоянно использовать подписи постов или другие однострочные области метаданных в темах. Это также ограничивало диапазон дизайна разделов «об авторе», часто отображаемых в конце поста.
Теперь мы должны дождаться, пока блок «Аватар автора сообщения» завершит набор.
Читать дальше Добавлен блок
В Gutenberg 12.6 добавлен специальный блок «Подробнее», чтобы авторы тем могли работать над дизайном циклов запросов. Это просто постоянная HTML-ссылка на сообщение. Это отдельно от ссылки, выводимой блоком Post Excerpt. К сожалению, у него есть несколько проблем, и перед его практическим использованием требуется дополнительное тестирование.
Пользователи могут добавить к нему цвет фона, но не цвет текста. Это позволяет легко создавать нечитаемый текст. Я смог обойти это, поместив его в блок группы и изменив цвет ссылки оттуда.
Он поддерживает большинство параметров границ, но элемент управления стилем отсутствует. Он также не имеет HTML-оболочки на уровне блоков, поэтому нет возможности выровнять его по горизонтали, не заключая в другой блок.
Это странный случай. Я не уверен, есть ли какие-либо другие встроенные HTML-элементы (технически он устанавливается как блочный элемент с помощью CSS) для любых блоков верхнего уровня где-либо еще в WordPress.
Другая проблема — это потенциал для двух ссылок «подробнее». Один через свой выделенный блок, а другой через блок Post Excerpt. Существует черновик патча для переключения ссылки на последний.
Адаптивная обработка классических изображений
Для сообщений, написанных в классическом редакторе с большими изображениями, при использовании блочной темы медиа будет выходить за пределы области содержимого. Гутенберг отделил свою адаптивную обработку изображений от основного блока изображения в качестве исправления. Это изменение помечено как перенесенное в минорную версию WordPress, поэтому пользователям не придется ждать WordPress 6.0.
Хотя это обеспечивает исправление для изображений, оно не решает проблему блочных тем, которые не обрабатывают классический контент или стили простого HTML. В качестве примера с нашего сайта я недавно добавил <table>элемент, потому что в основном блоке Table отсутствуют некоторые функции. Поскольку это был пользовательский HTML, ни один из CSS блоков не был загружен, что оставило его практически без стилей. Та же проблема существует и для классического контента.
Одна из проблем здесь заключается в том, что WordPress продвигает стили CSS на блочном уровне через файлы theme.json. Однако он позволяет стилизовать только несколько элементов HTML, таких как ссылки и заголовки. Этот тип проектирования на основе компонентов хорошо работает, когда все заключено в компонент (т. е. в блок).
Имеет больше смысла стилизовать базовые HTML-элементы, чем их репрезентативные блоки. Таким образом, это общий стиль для всех блоков, использующих этот элемент, включая сторонние плагины.
Стиль больших кавычек удален
Наконец-то кто -то убрал «крупный» стиль Quote . В этом не было необходимости с момента добавления элемента управления размером шрифта для блока.
Я указывал, по крайней мере, несколько раз, что WordPress следует избегать использования собственных пользовательских стилей блоков. В большинстве случаев это лучше оставить в умелых руках авторов тем. По крайней мере, следует избегать новых стилей блоков, пока инструменты дизайна не станут более универсальными. Устаревшие блочные стили создают устаревший багаж CSS, загружаемый с каждым сайтом WordPress.
