Редактор WordPress Гутенберга: 10 вещей, которые вам нужно знать

Редактор Gutenberg WordPress, также известный как редактор блоков WordPress, теперь является частью ядра WordPress. Что для вас означает этот новый подход к редактору WordPress? Что делать, если вы уже используете конструктор страниц WordPress?

В этом руководстве мы рассмотрим основы нового редактора Gutenberg для WordPress и то, что вам нужно знать.

Что такое редактор WordPress Гутенберга?

Редактор Gutenberg WordPress, также называемый редактором блоков WordPress, - это новый конструктор страниц, включенный в WordPress 5.0+. Редактор Гутенберга добавляет блоки контента и функциональность, подобную конструктору страниц, на каждый современный веб-сайт WordPress.

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

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

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

Цель Гутенберга

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

Для контекста, вот несколько цитат о назначении нового редактора Gutenberg WordPress.

• «Цель редактора блоков - сделать добавление богатого контента в WordPress простым и приятным». - Из описания плагина Gutenberg на WordPress.org.
• «Гутенберг - важный шаг вперед для WordPress. Гутенберг позволяет WordPress создавать макеты контента, а не просто писать статьи. Это один из многих переходов, происходящих в WordPress в направлении более упрощенного взаимодействия с пользователем ». - Зак Кац, выступая на WordCamp Denver 2017.

Почему Гутенберг - это шаг вперед для WordPress? Визуальный редактор WordPress не работал годами. Хотя это было предсказуемо, это не совсем фантастический опыт. Цель состоит в том, чтобы сделать интерфейс более интуитивно понятным для новых пользователей, например, предлагаемый Wix и Squarespace.

1. Основатель WordPress Мэтт Мулленвег полностью поддерживает Гутенберга

• В The State of the Word 2016 Мулленвег объявил, что визуальный редактор станет одним из трех основных направлений деятельности в 2017 году.
• Мэтт возглавил проект Gutenberg в начале этого года и поручил сотрудникам Automattic Матиасу Вентура и Йоэну Асмуссену возглавить разработку.
• Прочтите мнение Мэтта о Гутенберге здесь: Мы не зря назвали его Гутенбергом.
• Также обратите внимание, что Gutenberg написан с использованием REACT javascript. В связи с недавним шагом Facebook к перелицензированию проекта под лицензией MIT Мэтт Мулленвег объявил, что WordPress.com и Gutenberg будут переписаны с использованием другой библиотеки. Вот дополнительная информация о REACT и WordPress.

2. Gutenberg сначала был отдельным плагином, который все еще активно разрабатывается.

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

• Сегодня плагин Gutenberg все еще активно развивается с еженедельными обновлениями.
• Плагин Gutenberg обычно на несколько версий опережает основной WordPress, поэтому вы можете предварительно просмотреть новые функции редактора блоков WordPress, прежде чем они будут введены в ядро ​​WordPress.
• Запуск плагина Gutenberg - отличный способ получить последние новые функции редактора блоков WordPress. Также невероятно полезно для разработчиков и тех, кто работает с клиентами, знать, что ждет редактор блоков.

3. Гутенберг был добавлен в WordPress 5.0 в качестве редактора контента по умолчанию.

16 декабря 2018 года был выпущен WordPress 5.0. Этот выпуск основной версии WordPress включал в себя капитальный ремонт редактора сообщений и страниц, в результате чего Гутенберг стал редактором WordPress по умолчанию.

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

4. Гутенберга также часто называют редактором блоков WordPress.

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

С другой стороны, новый редактор называется редактором блоков из пользовательского интерфейса WordPress. В документации на WordPress.org это просто называется редактором WordPress.

5. Гутенберг продолжает развиваться и совершенствоваться с каждой версией.

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

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

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

6. Блоки Гутенберга продолжают расширяться и улучшаться.

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

По сути, Gutenberg позволяет вам взять сообщение или страницу и разбить контент на различные «блоки». Например, блоки WordPress включают блок изображения, блок абзаца, блок цитаты, блок заголовка и даже блок кнопок. Подробнее читайте в блоках WordPress: полное руководство по блокам Гутенберга .

Вот несколько блоков WordPress по умолчанию, включенных в редактор Gutenberg.

7. Вы можете отключить Гутенберга, но, может быть, не навсегда

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

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

По словам команды WordPress, Classic Editor - это официальный плагин WordPress, который будет полностью поддерживаться и поддерживаться как минимум до 2022 года. Хотя они недавно добавили «или столько, сколько потребуется».

Подробнее о том, как использовать классический редактор с WordPress.

8. У Гутенберга теперь есть сторонний блок-каталог.

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

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

Плагин с одним блоком - это относительно небольшой простой плагин, который предоставляет один блок Гутенберга, поэтому плагин является блоком.

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

Просто используйте значок «+» в верхнем левом углу страницы, чтобы использовать новый инструмент для вставки блоков и искать доступные блоки. Следите за тем, чтобы каталог блоков действительно стал популярным в будущем, поскольку он все еще кажется довольно новым (все еще не очень много вариантов; почти нет обзоров).

9. Новые шаблоны блоков открывают путь для полноценного построения страницы

В WordPress 5.5 редактор блоков представляет новую концепцию, называемую шаблонами блоков . С помощью шаблонов блоков теперь вы можете создавать предопределенные макеты блоков и делиться ими. Шаблоны блоков действительно открывают путь редактору блоков к созданию страниц. Следите за появлением паттернов блоков, поскольку редактор блоков продолжает развиваться в этом направлении.

Вы можете найти зарегистрированные шаблоны блоков, используя значок «+» в верхнем левом углу экрана. Теперь вы увидите вкладку « Блоки» и « Шаблоны» (плюс «Многоразовые», если они у вас есть), так что вы можете переключаться между этими параметрами. Затем вы можете добавить шаблоны блоков в свой пост / страницу, как любой другой блок.

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

Экран релиза WordPress 5.5

WordPress 5.5 поставляется с рядом встроенных шаблонов блоков, но сторонние плагины и темы также могут зарегистрировать дополнительные шаблоны блоков или удалить существующие. Чтобы увидеть шаблоны блоков в действии, ознакомьтесь с темой Twenty Twenty по умолчанию. Twenty Twenty - это всегда хорошая тема для установки на сервере разработки, поскольку она действительно подчеркивает возможности последней версии WordPress.

10. Гутенберг меняет потребность в коротких кодах WordPress

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

Что это означает с переходом к редактору блоков для большинства старых плагинов и веб-сайтов, которые все еще полны шорткодов? Будут ли шорткоды WordPress работать? Есть ли способ легко перейти от использования шорткодов WordPress к блокам WordPress?

Вкратце, редактор блоков WordPress имеет большое значение для шорткодов. Редактор блоков WordPress в корне меняет потребность и назначение шорткодов для большинства плагинов и тем. В блочной системе редактирования каждый «элемент» на странице имеет свой собственный блок, а не содержится в одном редактируемом редакторе WYSIWYG.

Примечания к редактору WordPress Гутенберга

Это сборник лучших статей о Гутенберге, которые я читал на сегодняшний день.

Крис Лема говорит о Гутенберге

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

Отрывок:

• «Если мы собираемся решить проблему с помощью этого плагина, разве это не должно быть когнитивным диссонансом, который возникает у людей, когда они редактируют в одном интерфейсе и видят, что их рабочий продукт отображается в другом интерфейсе, который не выглядит так, как они думали? бы?"

Ответ бобрового строителя Гутенбергу

Отрывок:

• «Короче говоря, мы очень рады и поддерживаем Гутенберга! Мы надеемся, что проект продолжит развиваться во что-то, что Beaver Builder сможет охватить и расширить. Мы сотрудничали с основной командой над проектом, и мы оптимистично и осторожно размышляли о потенциальном влиянии Гутенберга на наш бизнес и пространство WordPress в целом. Представьте, если бы «Блоки» Гутенберга были взаимозаменяемы с модулями Beaver Builder, или если бы вы могли перетащить сохраненную строку на страницу Гутенберга. Или текстовый редактор Гутенберга можно было бы использовать встроенным в Beaver Builder. У тебя много забавного потенциала, верно !? "

Элегантные темы

Отрывок:

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

Довольно резкий обзор WPMU

Этот не наносит ударов.

Отрывок:

• «Хотя разработчики, работающие над плагином редактора Gutenberg, очевидно, вложили много усилий в создание плагина, и я благодарю их за их усилия до сих пор, правда в том, что этот плагин далеко не готов для включения в WordPress и нуждается в большом количестве больше работы, в частности, UX-работы ».

Йоаст предлагает альтернативный курс для Гутенберга

Отмечаются некоторые существенные проблемы и предлагаются решения.

Отрывок:

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

Yoast рассказывает о концепциях интеграции своего плагина с Gutenberg

Вот пример, которому могут последовать другие разработчики плагинов.

https://yoast.com/gutenberg-integration/

Отрывок:

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

Джош Поллок из Caldera Forms

Пять способов доказать неправоту Гутенберга:

Отрывок:

• «Это важное решение относительно будущего WordPress. Я верю, что мы, как сообщество, сделаем это правильно, но для этого потребуется много тестирования, повторения и обсуждения ».

Подведение итогов: что делать с Гутенбергом?

• Попробуйте. Познакомьтесь с Гутенбергом лично. Попробуйте его на тестовом или действующем сайте (да, он достаточно стабилен). Посмотрите, что вам нравится и что не нравится в этом.
• Оставьте отзыв. Плагин Gutenberg недавно добавил ссылку Feedback под пунктом меню боковой панели. Найдите время и предложите хорошо продуманные наблюдения о своем опыте использования Гутенберга. «Вы, ребята, идиоты» - это не то, что они ищут.
• Не паникуйте. Много хороших людей обсуждают этот вопрос. Редактор блоков продолжает улучшаться, и, хотя к нему нужно привыкнуть, мы теперь согласны с тем, что полное внедрение нового редактора было хорошим шагом.

Дополнительные ресурсы по редактору блоков WordPress (редактор Гутенберга)

Многоразовые блоки WordPress: полное руководство

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

Каталог блоков WordPress: Основное руководство

Введенный в WordPress 5.5 каталог блоков WordPress упрощает поиск блока WordPress, который лучше всего соответствует вашим потребностям. Подробнее …

Блоки WordPress: полное руководство по блокам Гутенберга

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

Кристен Райт

Кристен пишет учебные пособия, чтобы помочь пользователям WordPress с 2011 года. Обычно вы можете увидеть, что она работает над новыми статьями для блога iThemes или разрабатывает ресурсы для #WPprosper. Вне работы Кристен любит вести дневник (она написала две книги!), Ходить в походы и кемпинги, готовить и ежедневные приключения с семьей, надеясь жить более настоящей жизнью.