8 руководств по Gutenberg для разработчиков

Gutenberg - новый редактор для WordPress, представленный в WP 5.0. Хотя это включение, безусловно, меняет вещи для обычных пользователей и открывает множество возможностей для создания контента, оно также открывает большие возможности для разработчиков. Редактор спроектирован так, чтобы быть максимально расширяемым, и вы можете добавлять в конструктор все, что захотите. Мы собрали одни из лучших руководств по Гутенбергу для разработчиков, которые смогли найти, чтобы вы могли начать добавлять свои собственные изюминки в новый опыт WordPress.

Краткое примечание

Пара вещей, прежде чем мы углубимся: Gutenberg написан с помощью библиотеки JavaScript под названием React. Это та же библиотека, в которой написан Instagram, а также наш любимый Divi Builder. Так что мы можем поручиться, что это хороший материал, которому вы хотите научиться.

Потому что, если вы хотите по-настоящему углубиться в разработку Gutenberg, вы также попадете в JavaScript. Как сказал несколько лет назад Мэтт Малленвег, вы собираетесь «изучать JavaScript. Глубоко." У нас есть несколько хороших статей, которые вы можете просмотреть, чтобы увидеть, какие материалы подойдут вам.

Найдите время, просмотрите их и посмотрите, что понравится. А когда вы добавите их в закладки или сохраните в Pocket, успокойтесь и взгляните на одни из лучших руководств по Гутенбергу в Интернете.

1. Официальная страница Гутенберга

Вам нужно начать с официального сайта WordPress Gutenberg. Я имею в виду, что если вы не знаете базовую документацию, ничего из вышеперечисленного не имеет смысла. Недавно они сделали первую страницу полностью интерактивной демонстрацией конструктора, а также предоставили ссылки на свой справочник FAQ и учебное пособие под названием The Language of Gutenberg, которое в значительной степени необходимо прочитать, прежде чем начинать разработку.

2. Гутенберг. Новости.

Хотя технически это не учебник, Gutenberg.news как бы собирает в одном месте некоторые высокопрофессиональные / качественные трюки со всего Интернета. Я иногда забегаю туда, чтобы посмотреть, что нового, и каждый раз в конечном итоге проваливался в щелчок. У них действительно есть сочетание руководств для разработчиков и пользователей, но вы найдете такие вещи, как создание пользовательских блоков Gutenblocks с помощью компонента Rich-text, и твиты со ссылками на репозитории Github, которые могут научить вас преобразовывать существующие шорткоды в блоки Gutenberg.

3. Руководство разработчика Gutenberg.

Думаю, это прямо в названии, да? Gutenberg Development Guide - это серия руководств, охватывающих диапазон от начинающих разработчиков до опытных ветеранов WP. Gutenberg Hub очень похож на Gutenberg.news, но контент не всегда перекрывается (иногда бывает). Опять же, это щелчок, если вы ищете руководства по Гутенбергу для разработчиков (или кого-то еще). Считайте себя предупрежденным.

4. Курс развития Гутенберга Зака ​​Гордона

Не все самое лучшее в жизни является бесплатным, и замечательный курс развития Гутенберга Зака ​​Гордона является тому подтверждением. Одним из первых крупных (если не первый) AZ курса нового WP редактирования опыта. Курс обновляется новой информацией по мере обновления Гутенберга, поэтому не бойтесь платить 79 долларов за то, что будет устаревшим. Зак хорошо известен в сообществе WordPress, и этот курс непременно покажет вам, почему. Есть даже примеры обучающих видеороликов, которые вы можете использовать. Таким образом, вы будете знать, во что ввязываетесь заранее.

5. Блог Зака ​​Гордона

Вы, наверное, понимаете, что Зак Гордон - гуру Гутенберга. Но вы не ограничены только его платным курсом. В своем блоге у него есть куча руководств по Гутенбергу для разработчиков, которые вы тоже захотите проверить.

6. Как подготовить плагины для Gutenberg

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

7. Fullstack React

Как я уже упоминал, любой разработчик Gutenberg должен быть знаком с React. Fullstack React - одна из моих любимых программ для ознакомления с библиотекой. Это 30-дневная программа, и вы изучаете различные основы, которые понадобятся вам для использования библиотеки. Хотя, вероятно, лучше всего знакомство с JavaScript, я вошел, не имея возможности написать функцию, и понял, что происходит. Несмотря на то, что есть платный курс, вы можете бесплатно загрузить всю книгу в формате PDF (объемом более 300 страниц), чтобы вы могли увидеть, хотите ли вы использовать это, чтобы погрузиться в среду Гутенберга.

8. Современный React с Redux

Гутенберг также использует контейнер JavaScript Redux. В Udemy у Стивена Грайдера есть курс, который научит вас использовать любимый контейнер Гутенберга с его любимой библиотекой. По общему признанию, стандартная цена в 179,99 долларов немного сбивает с толку; однако Udemy регулярно предлагает значительные скидки на курсы (например, когда я пишу это, там идет сумасшедшая распродажа за 10,99 доллара). Если цена выше, чем вы хотите заплатить прямо сейчас, если вы можете немного подождать, вы, вероятно, заключите сделку. Тем не менее, я лично прошел курс Grider's React и React Native, поэтому могу поручиться за то, насколько он должен быть хорош.

Пойдем «по нутру»

Это Гутенпун, понимаете? А если серьезно, то Гутенберг - это будущее WordPress. Нравится ли вам новый способ создания контента или вы установили плагин Classic Editor, чтобы сохранить старый стиль, он здесь. И если вы разработчик WordPress, вам придется с этим разобраться. На самом деле не так уж и сложно продолжить образование и увидеть, в каком направлении движется Гутенберг. Любое из вышеперечисленных руководств действительно должно помочь вам (или потренировать ) на вашем пути к полному осознанию мощи и расширяемости редактора.

Какие уроки или ресурсы по Гутенбергу вы использовали, чтобы подготовиться к новой эре разработки WordPress?

Статья рекомендованное изображение от 32 пикселей / shutterstock.com