Год с Гутенбергом

Кажется, это было вчера, когда Гутенберг стал официальной частью WordPress, но, хотите верьте, хотите нет, но уже больше года! 2019 год, несомненно, был годом Гутенберга в WordPress. Любите вы это или ненавидите, в ближайшее время это никуда не денется, и, по сути, теперь это новый стандарт в нашей любимой CMS, направленный на улучшение пользовательского опыта.

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

Запуск Гутенберга

В выпуске State of the Word за 2016 год Мэтт сказал, что редактор WordPress — это одна из вещей, на которых мы должны сосредоточиться, поскольку над его улучшением нужно много работать. В то время появились первые слухи о «блочном редакторе», с помощью которого можно «унифицировать виджеты» и «улучшить шорткоды ». Был ли это первый взгляд на то, что впоследствии станет Гутенбергом?

Год спустя, на State of the Word 2017, Мэтт официально представил Gutenberg, проект, разработка которого заняла уже 11 месяцев, и оставалось еще несколько. Проект представил концепцию «блоков» как элегантное решение для создания контента и управления им . Gutenberg был еще слишком «зеленым», чтобы быть частью ядра WordPress, поэтому он оставался плагином еще несколько месяцев.

Наконец, после двух лет вынашивания пришло время представить новое детище обществу и в конце 2018 года Гутенберг наконец стал частью WordPress Core . По моему мнению (и мнению многих других профессионалов в этой области), это было поспешным решением — мы чувствовали, что плагин еще не готов для широкой публики, но, увы, это было так. Интеграция Гутенберга в новую версию WordPress была полна споров, и многие люди ее ненавидели.

Чтобы избежать серьезных проблем, команда разработчиков WordPress также подготовила параллельный плагин, с помощью которого можно полностью отключить Гутенберг и, таким образом, продолжить использование классического редактора… но, конечно же, разработка Гутенберга на этом не остановилась!

Первые шаги

Как указывалось выше, официальный запуск Гутенберга был немного грубым, тем более что у него было много недоброжелателей и нужно было отшлифовать множество деталей. Это определенно было похоже на поспешное решение. Вы знаете, WordCamp US 2018 был не за горами, и «нам нужно, чтобы Гутенберг уже был в нем», и они это сделали.

Как бы то ни было, реальность была такой, какая она есть, и к январю 2019 года у всех нас был этот новый редактор в нашей панели управления WordPress. Это означало, что пользователям и разработчикам пришлось адаптироваться к этой новой реальности… и чем раньше мы это сделали, тем лучше!

Основная проблема, с которой мы все столкнулись в течение первых нескольких недель, заключалась в недостаточно эффективном UX. Я помню, что редактор был совершенно непригоден, если вы использовали его с Yoast, видимо, из-за проблемы с API аннотации Гутенберга. Блоки двигались странным образом, сочетания клавиш были разными и непредсказуемыми, редактор на старых компьютерах тормозил…

Но, несмотря на первоначальные ошибки и проблемы, бешеный темп разработки плагина сделал возможным то, что казалось почти невозможным: быстро исправить и улучшить пользовательский опыт, который был при использовании Gutenberg. Что-то, что, если быть с вами до конца честным, было очень нужно, так как классический редактор изрядно устарел:

Эволюция

Эволюция Гутенберга в течение первого года его публичной жизни была поистине невероятной. Обновления происходили одно за другим, и разработчики полировали каждую деталь Гутенберга, пока он не стал более удобным и эффективным интерфейсом. Если посмотреть на цифры и, в частности, на уровень принятия Гутенберга, кажется, что мы на правильном пути. На момент написания этого поста две из каждых трех установок WordPress используют версию 5.x, что означает, что Gutenberg изначально доступен для двух третей всех пользователей WordPress.

Но, по правде говоря, помните, что можно полностью отключить Gutenberg, просто установив плагин Classic Editor. Прямо сейчас у этого плагина более 5 миллионов активных установок и более 700 пятизвездочных рейтингов, сопровождаемых комментариями типа «старый — это золото», «самый важный плагин, который нужно иметь» или «плагин, который я использую на всех своих веб-сайтах». Так возможно ли, что Гутенберг потерпел фиаско?

Ну, по-моему, нет. Если вы посмотрите на текущую тенденцию активных установок, соответствующих плагину Classic Editor, вы увидите, что она замедляется. Это означает, что со временем все меньше и меньше людей используют этот плагин. Одним из возможных объяснений этого является тот факт, что Гутенберг уже «достаточно хорош», и поэтому нет необходимости использовать старую версию редактора. И это, несомненно, очень хорошая новость.

Библиотеки блоков

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

За последние несколько месяцев мы видели, как появлялись плагины с единственной целью расширить набор блоков, доступных для Гутенберга. Так, например, у нас есть такие плагины, как Atomic Blocks, которые добавляют новые блоки, а также такие плагины, как Stackable или EditorsKit, которые включают новые стили и предлагают дополнительные возможности редактирования уже существующих блоков.

Преимущества Гутенберга

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

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

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

Непрерывные улучшения

Gutenberg становится все лучше и лучше с каждым новым выпуском, поскольку в каждую версию включаются новые функции и несколько улучшений. Например, несколько недель назад появилась новая версия плагина Gutenberg (уже 7.1) с небольшими улучшениями юзабилити для пользователей, такими как диалог приветствия для «знакомства» с Гутенбергом или улучшения в многоблочном выборе контента.

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

Что Гутенберг значил для нас (в Nelio)

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

Как Тони сказал вам несколько недель назад, за последние два года мы изучали и изучали React и Redux. В результате этого этапа обучения мы запустили несколько специальных плагинов для Gutenberg, таких как Nelio Maps, Nelio Translate или Nelio Compare Images. Мы также посвятили значительную часть нашего времени и ресурсов модернизации Nelio A/B Testing, и в настоящее время мы выполняем ту же задачу с Nelio Content.

Мы даже применили некоторые из наших недавно приобретенных навыков, чтобы внести свой вклад в WordPress, и предложили несколько запросов на включение:

• Исправлена ​​ошибка с датами
• Исправление ошибки с аргументами запроса и фрагментами URL в JS
• Предложение по работе с числовыми и булевыми атрибутами в Block API
• Исправление ошибки с (не)экранированными объектами HTML

Никто не любит перемен. Когда вы привыкнете к набору инструментов или технологий, вы, вероятно, не захотите расставаться с ними, чтобы узнать что-то новое. Люди не хотят, чтобы что-то менялось… но, если честно, перемены сослужили нам хорошую службу. Мы очень гордимся всем, чему научились на этом пути, и тем, что мы можем сделать сегодня благодаря Гутенбергу.

А вы? Вам нравится Гутенберг? Как это изменило вашу жизнь? Дайте нам знать в разделе комментариев ниже.

Избранное изображение с сайта freestocks.org на Unsplash.