Посиделки в коридоре: выпуск «Плюшки Themer»


Это краткий обзор встречи Hallway Hangout, организованной в канале #fse-outreach-experiment в рамках программы FSE Outreach. Спасибо всем, кто присоединился!

18 января 2023 года несколько участников сообщества из программы FSE Outreach собрались, чтобы обсудить различные предстоящие функции, связанные с разработкой тем на основе блоковБлок Блок — это абстрактный термин, используемый для описания единиц разметки, которые, будучи объединёнными, формируют содержимое или макет веб-страницы с помощью редактора WordPress. Эта идея объединяет концепции шорткодов, пользовательского HTML и обнаружения встраиваемого содержимого, которые ранее могли использоваться по отдельности, в единый согласованный API и пользовательский интерфейс.:

  • Применение локальных стилей глобально: перенос изменений дизайна блока из редактора записи или шаблона в глобальные стили.
  • Поля для пользовательского CSSCSS CSS — это аббревиатура от cascading style sheets (каскадные таблицы стилей). Именно CSS управляет дизайном и внешним видом сайта.: возможность добавлять пользовательский CSS из панели «Стили» редактора сайта.
  • Изучение книги стилей: функция, отображающая все блоки, включая блоки сторонних разработчиков, в редакторе сайта и упрощающая тестирование всего при разработке дизайна.
  • Редактирование вариаций стилей блоков: возможность редактировать (но пока не создавать) существующие стили блоков темы из панели «Стили».

Участники: @daisyo, @colorful-tones, @ndiego, @annezazu, @fabiankaegy, @greenshady, @elmastudio, Mark-Andrew, @luminuu

Запись

Примечания

Энн начала встречу с упоминания последнего призыва программы FSE Outreach к тестированию — «Найдите свой стиль». Отзывы можно оставить до 1 февраля 2023 года. 

Был обсуждён ряд PR и вопросов для обсуждения, уделяя особое внимание преимуществам для разработчиков и дизайнеров тем.

Добавить вставку стилей в настройки блока: #45477

Возможность копировать стили и применять их к другому совместимому блоку.

Это может сэкономить время всем, кто работает со сложными настройками дизайна в редакторе сайта. Это позволит значительно сократить количество кликов!

Переносить локальные стили блоков в глобальные стили блоков #44361

Предоставляет возможность стилизовать блоки в редакторе содержимого или сайта и применять эти стили глобально, распространяя их по всему сайту на другие блоки. 

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

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

Было отмечено, что было бы полезно иметь возможность отключать применение стилей блоков глобально. — Открыта задача (#47256)

Вероятным представляется следующий рабочий процесс: применить стили глобально, а затем экспортировать их в тему (через плагинПлагин Плагин — это программное обеспечение, содержащее набор функций, которые можно добавить на сайт WordPress. Плагины могут расширять функциональность или добавлять новые возможности на сайты WordPress. Плагины WordPress написаны на языке программирования PHP и бесшовно интегрируются с WordPress. Они могут быть бесплатными и размещаться в каталоге плагинов WordPress.org https://wordpress.org/plugins/ или платными плагинами сторонних разработчиков. Create Block Theme.)

Переводы новых концепций

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

Например, строка «Применить глобально» не содержит комментария для переводчиков. Это хороший пример того, как должен выглядеть комментарий для переводчика. Ещё один хороший пример.

 Глобальные стили: добавить панель пользовательского CSS в редактор сайта #46141

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

Возникла идея добавить пользовательский CSS для отдельных блоков. Также обсуждались преимущества и недостатки пользовательского CSS для отдельных блоков. Есть опасения по поводу распределения настроек в разных местах, но также есть интерес к возможности упростить добавление CSS, не покидая настройки блока. Эта концепция уже обсуждалась разработчиками и имеет ещё одно более подробное обсуждение.

Редактирование вариаций стилей блоков из глобальных стилей #46343

Добавить возможность редактировать (но не создавать) зарегистрированные вариации стилей блоков. 

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

Инструменты дизайна: добавить поддержку позиционирования блока (включая фиксированное) независимо от макета #46142

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

Глобальные стили: добавить книгу стилей в глобальные стили #45960

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

Части шаблонов: добавить возможность импортировать виджеты из боковых панелей #45509

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

Полноэкранные паттерны

Для авторов тем, которые хотят организовать и представить полноэкранные паттерны удобным для пользователя способом, существует проблемное местоПроблемное место Проблемные места — это «места, где вы знаете по результатам исследований или аналитики, что пользователи в настоящее время сталкиваются с трудностями и вынуждены задавать вопросы либо, вероятно, покинут сайт или приложение». — Design for Real Life. Пользователи считают создание страницы с несколькими паттернами слишком сложным или выходящим за рамки их привычного опыта.
Сейчас активно изучаются связанные с перемешиванием паттернов вопросы: здесь и здесь.

Спасибо @annezazu за проверку этой публикации.

#fse-hallway-hangout