FSE Outreach Round #2: Создание индивидуальной домашней страницы с помощью редактора сайта Gutenberg

Энн Маккарти объявила о втором раунде тестирования программы Full Site Editing (FSE) Outreach. Призыв к тестированию требует, чтобы пользователи создали домашнюю страницу из редактора сайта плагина Gutenberg. Обратная связь открыта до 5 марта.

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

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

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

В конце концов, я создал пользовательскую домашнюю страницу для ресторана под названием The Grilled Cheese — я определенно открыл бы этот ресторан в реальном мире, если бы когда-нибудь покину сообщество WordPress.

Это достаточно просто. В общем, мне потребовалось около двух часов, чтобы поэкспериментировать с различными концепциями, прежде чем я добрался до этой стадии. Чтобы построить что-то, чем я был бы доволен, потребовалось бы еще несколько часов.

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

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

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

Выявление болевых точек

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

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

Максимальная ширина

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

Ранее я писал о необходимости фреймворка дизайна, который может быть настроен авторами темы. Tailwind CSS имеет систему максимальной ширины, которая предлагает массу гибкости. WordPress нужно начать заимствовать идеи из этих современных фреймворков.

Добавить значок блока

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

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

Блок запроса

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

Обновление: можно установить ограничение, как отметил Ник в комментариях. На панели инструментов есть значок «Настройки» для установки количества сообщений на странице, смещения и максимального количества страниц. Я не уверен, почему эти конкретные настройки запроса отделены от других на боковой панели. Логичнее их сгруппировать.

Еще одним запутанным аспектом блока Query является фильтр по ключевым словам. Насколько мне известно, WordPress никогда не использовал терминологию «ключевое слово». За пределами SEO-плагинов, похоже, нет никакого контекста для того, что делает этот фильтр. Я предполагаю, что это работает как ключевое слово для поиска.

Глобальные стили для всех блоков

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

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

Нет столбцов полной ширины

Для содержимого моей домашней страницы я попытался создать полноразмерный блок столбцов. Однако размер двух отдельных столбцов был ограничен, несмотря на то, что они занимали 66,67% и 33,33% соответственно.

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

Избранные изображения

Невозможно установить размер изображения, выводимого блоком Post Featured Image. Единственный способ получить одинаковый размер на данный момент — предварительно обрезать изображения перед их загрузкой в ​​WordPress.

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