Начните подготовку к полному редактированию сайта с новым курсом по блочным темам

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

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

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

Потеряв работу из-за COVID-19, она хотела использовать свое свободное время, чтобы внести свой вклад в редактор блока. «В то же время люди вокруг меня начали задавать вопросы о полном редактировании сайта, и благодаря проведенному тестированию я знала, с чего начать», — сказала она. «Если бы я мог поделиться этим, я мог бы облегчить процесс для других».

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

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

Разработчики, обладающие практическими знаниями в области разработки тем, являются основной аудиторией курса. Прежде чем кто-либо погрузится в это, он должен понимать функции WordPress, PHP, HTML и CSS.

Что в курсе?

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

Курс разбит на следующие разделы, каждый со своими уроками:

• Введение
• Все о блоках
• Блочные темы
• Редактор сайта

Большинство уроков содержат короткое видео продолжительностью от двух до пяти минут. Nymark предоставляет полные расшифровки видео для пользователей, которые предпочитают читать. Наряду с видео и расшифровкой некоторые уроки содержат загружаемые материалы, например примеры кода. В настоящее время есть только один тест для части курса «Все о блоках».

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

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

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

Пройденный путь

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

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

Для тем, особенно одностраничных сайтов или блогов, структура темы, вероятно, будет намного проще, чем та, что мы видим сегодня. Наймарк сказал, что новая система, хотя и находится в стадии активной разработки, все еще кажется достаточно знакомой, чтобы упростить переход от традиционных тем. Большая разница заключается в том, чтобы принимать меньше решений относительно пользовательского JavaScript и PHP и больше работать над дизайном.

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

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

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

Дорога впереди

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

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

Она также перечислила несколько необходимых компонентов, которые разрабатываются командой Gutenberg, но еще не готовы:

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

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

«Дизайнерам будет проще создавать макеты, не заботясь о коде, — сказал Наймарк, — а как только шаблоны можно будет экспортировать, будет проще делиться этими макетами как темами. Барьер входа будет перемещен; будет легко создать базовую тему, но может быть сложнее создать полные решения для пользователей».