Информационно-пропагандистский раунд FSE № 9: Создание заголовка для высших учебных заведений

Такое ощущение, что прошло много времени с тех пор, как сообщество WordPress обратилось к тестированию функций полного редактирования сайта (FSE). В программе FSE Outreach был небольшой перерыв. Однако запуск WordPress 5.8 также начался в прошлом месяце.

Программа представляет собой открытый конкурс для тестирования различных компонентов FSE. На данный момент добровольцы успешно предоставили отзывы о функциях, которые уже реализованы в ядре WordPress, таких как блочные виджеты и редактирование шаблонов. Тестеры исследовали другие, которые еще не были выпущены. Каждый раунд тестирования открыт для всех, кто может уделить немного своего свободного времени и поделиться своими выводами. Цель состоит в том, чтобы сломать вещи и указать на проблемные области пользовательского опыта.

FSE Outreach # 9 – это предложение сообщества, которое призывает к созданию заголовка сайта Higher Ed. Добровольцев просят выполнить 26-этапный процесс с использованием бета-функции редактора сайта в последней версии плагина Gutenberg и темы TT1 Blocks.

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

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

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

Я прошел все этапы тестирования с блоками TT1 и расскажу о проблемах, с которыми я столкнулся.

Создание заголовка высшего учебного заведения

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

Использование блока навигации по-прежнему кажется самой сложной областью редактирования сайта. Я знаю, сколько работы команда разработчиков вложила в пользовательский интерфейс для этой функции, но не могу не задаться вопросом, есть ли момент, когда пользователи могут выбрать управление его контентом (ссылками) через традиционный экран навигационных меню в WordPress. Редактор сайта отлично подходит для аспекта дизайна, но я еще не чувствовал себя комфортно, используя его для управления ссылками.

На этом этапе тестирования требуется добавить несколько ссылок на страницы как в качестве пунктов верхнего уровня, так и в качестве пунктов подменю. Когда я нажимаю +кнопку добавления ссылки, я первым делом ищу саму страницу. Однако доступное поле – это поиск по блокам, а не по страницам.

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

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

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

Использование выравнивания по правому краю с блоком поиска не помогло. Поэтому я использовал параметр ширины 100%, чтобы выровнять его с моим навигационным меню, выровненным по правому краю.

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

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

Никакие уловки или перестановка блоков, казалось, не убрали это пространство, и я просто не мог с этим жить. Я уже решил около 90% проблем с интервалом Гутенберга с моей собственной темой, и мне не хотелось писать какой-либо новый CSS для решения этой проблемы. Выполнение переключателя также означало, что я мог избавиться от нескольких блоков Spacer, которые у меня были на месте.

Помимо удаления изображения заголовка, я сделал еще одну модификацию, пропустив добавление блока кнопок для последнего «обновления Covid». Я не мог смотреть на чрезмерное использование отступов TT1 Blocks. Вместо этого я вложил абзац со ссылкой в ​​столбец рядом с блоком навигации.

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