Программа FSE Outreach # 7: Создание портфолио в предстоящем режиме редактирования шаблонов

Сегодня началась обратная связь по раунду № 7 Информационной программы FSE . Как и в 6-м раунде , в центре внимания снова находится режим редактирования шаблонов, функция, которая должна появиться в WordPress 5.8. Для успешного приземления все руки должны находиться на палубе.

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

Как обычно, базовым набором инструментов является последняя версия плагина Gutenberg и тема TT1 Blocks .

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

Любой желающий может получить код блока HTML для этого шаблона, и сохранить его как GitHub Gist. URL-адреса изображений относятся к локальной машине, поэтому нужно будет обновить их, если надо попробовать.

Еще немного веселья. И … как вы уже догадались … еще немного разочарования.

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

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

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

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

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

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

Недостатком является то, что блок Query – это просто оболочка. Он хорош настолько, насколько хорош его самый слабый подблок. Большинство его вложенных блоков предназначены для данных, связанных с постами, и самый слабый из них – это пост-избранное изображение. Он ограничивает все, что может быть по-настоящему забавным при построении запросов. Он даже не охватывает базовый набор параметров «Изображение», «Обложка» и «Медиа и текст».

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

С простой сеткой сложно ошибиться, поэтому будем поступать  именно так.

Следуем за этим разделом с двумя блоками Columns, вложенными в другой блок Columns для группы отзывов. Затем завернуть его в базовый нижний колонтитул, столкнувшись с той же проблемой с загрузкой логотипа сайта. Самыми распространенными проблемами в этих разделах были несоответствующие интервалы.

Некоторые ограничения этих тестов не связаны с редактором шаблонов в Гутенберге. Вместо этого они из темы TT1 Blocks. Однако, это зависит от вашей философии относительно того, каким должно быть будущее развития темы. Если большинство стилей интерфейса должны исходить от WordPress / Gutenberg, это не проблема темы.

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

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

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

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