Что такое Гутенберг? Введение в редактор блоков WordPress

Если вы только начинаете работать с WordPress, вам, вероятно, интересно: «Что такое Гутенберг?» Эта функция упоминается на нескольких страницах плагинов и тем, но, будучи новичком, вы можете не знать, что это такое и что делает ее такой особенной.

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

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

📚 Оглавление

Давайте начнем!

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

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

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

Если вы все еще задаетесь вопросом: «Что такое Гутенберг?», не волнуйтесь. В этом посте мы рассмотрим все основы и покажем вам, как опробовать редактор блоков на себе. Давайте займемся этим!

Обзор Гутенберга

С его начала, классический редактор WordPress в его текущем формате, т. е. на основе открытого исходного кода Редактор TinyMCE — особо не изменилось:

В этом нет ничего необычного, поскольку разработка базовой платформы WordPress обычно происходит медленно и постепенно. Однако это означает, что некоторые его элементы, такие как Классический редактор, устарели (по крайней мере, по мнению некоторых пользователей).

В последние годы стали очень популярны более наглядные и интуитивно понятные способы создания онлайн-контента. Например, существуют простые в использовании конструкторы веб-сайтов, такие как Wix и Squarespace. Даже сообщество WordPress внесло свой вклад в эту эволюцию, создав плагины для создания страниц (такие как Elementor и Divi), которые позволяют вам использовать инструмент перетаскивания для создания макетов с использованием отдельных элементов.

Более того, WordPress подхватил эту тенденцию, создав собственный конструктор страниц Gutenberg:

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

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

Плюсы и минусы Гутенберга

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

Давайте посмотрим на плюсы и минусы Гутенберга!

Плюсы

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

Минусы

• Хотя Гутенберг намеревается предоставить интуитивно понятный интерфейс, на самом деле его может быть сложнее изучить, чем Классический редактор, из-за широкого спектра опций и настроек.
• Если вы переходите с классического редактора на редактор блоков, это может привести к поломке вашего сайта. Возможно, вам придется просмотреть каждую публикацию и страницу и перепроектировать их с помощью Gutenberg.

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

Как попробовать Гутенберг самостоятельно

На этом этапе мы ответили на вопрос: «Что такое Гутенберг?» и рассказал о его плюсах и минусах. Теперь пришло время опробовать Гутенберг на себе.

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

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

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

Вы также можете поэкспериментировать с Гутенбергом на официальная страница редактора:

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

Как работает Гутенберг

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

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

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

Например, если вы работаете с блоком «Абзац», вы можете создать привязку, изменить цвет и типографику текста и многое другое.

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

Кроме того, Gutenberg поставляется с набором заранее разработанных шаблонов блоков:

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

Мы настоятельно рекомендуем поиграть с Гутенбергом, опробовать разные блоки и почувствовать, как все это работает. Таким образом, вы сможете сами решить, как он соотносится с классическим редактором WordPress и популярными конструкторами страниц.

Заключение

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

Гутенберг теперь является редактором по умолчанию для WordPress. Хотя классический редактор все еще доступен, команда WordPress прекратила поддержку этого инструмента.

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

🛑 Настоятельно рекомендуется 🛑

Как только вы почувствуете, как использовать редактор Gutenberg, мы настоятельно рекомендуем вам установить нашу бесплатную версию. Плагин Otter Blocks, что значительно расширяет функциональность параметров Гутенберга по умолчанию. Короче говоря, он позволяет вам создать эстетичный, функциональный сайт со многими интересными функциями, которые вы можете получить с помощью конструктора страниц, такого как Elementor или Brizy, но без тяжелого кода, который поставляется вместе с этими плагинами. Пока вы этим занимаетесь, если вы еще не выбрали тему, посмотрите Плоткоторая поставляется в комплекте с Otter Blocks и в настоящее время является самой популярной темой блоков Gutenberg в репозитории WordPress.

Пробовали ли вы Гутенберг и что вы о нем думаете? Поделитесь своими мыслями в разделе комментариев ниже!

Бесплатное руководство

4 основных шага для ускорения
Ваш сайт WordPress

Следуйте простым шагам из нашей мини-серии из 4 частей.
и сократите время загрузки на 50-80%. 🚀