Информационный раунд FSE № 2: Создание персонализированной домашней страницы с помощью редактора сайта Гутенберга

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок запроса

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

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

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

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

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

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

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

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

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

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

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

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