Полезное

Полное руководство по редактору Gutenberg WordPress (2021 г.)

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

Gutenberg значительно вырос за два с лишним года. Сегодня мы познакомим вас с особенностями работы в нем (если вы еще не разобрались сами, потому что работать в нем очень просто).

Что такое блочный редактор Gutenberg?

Gutenberg, также известный как «блочный редактор WordPress» или просто «редактор WordPress», — это редактор контента в WordPress, представленный в WordPress 5.0, выпущенном 6 декабря 2018 года.

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

Редактор WordPress Gutenberg.

Разница между редактором Gutenberg WordPress и предыдущим редактором WordPress (теперь называемым «классическим редактором» или «редактором TinyMCE») заключается в новом блочном подходе к созданию контента.

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

Сторонние разработчики также могут создавать собственные блоки, что помогает положить конец истории с шорткодами WordPress. Допустим, вы хотите встроить контактную форму. Вместо того, чтобы добавлять шорткод (например, `[your-form-shortcode]`), как вы это делали раньше, теперь вы можете просто вставить блок вашего плагина формы.

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

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

Gutenberg — это не просто редактор контента

Важно понимать, что проект Gutenberg стремится быть больше, чем просто редактором контента.

В августе 2021 года Gutenberg по-прежнему остается просто редактором контента (по большей части). Но долгосрочная цель — продвинуть его к так называемому полному редактированию сайта .

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

Этот тип функциональности не пока еще не доступен, но судя по всему — это дело времени.

Плюсы и минусы редактора Gutenbergпротив популярных альтернатив

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

У вас есть две основные альтернативы для создания контента на WordPress:

  • Редактор WordPress TinyMCE: это классический редактор, который WordPress использовал до WordPress 5.0.
  • Плагины для построения страниц: это сторонние плагины.

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

Если бы мы сравнивали все три редактора на основе их гибкости дизайна, это выглядело бы примерно так:

Классический редактор TinyMCE (наименее гибкий) <Gutenberg <Конструкторы страниц (наиболее гибкие)

Теперь давайте поговорим о некоторых плюсах и минусах редактора блоков Gutenberg по сравнению с альтернативами.

Gutenberg против классического редактора: за и против

Давайте сначала сравним Gutenberg с классическим редактором TinyMCE.

Плюсы :

  • Gutenberg предлагает более интересный дизайн фона
  • Вам не нужно использовать шорткоды для встраивания контента — вы получаете единую систему блоков

Минусы :

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

Если вы считаете, что классический редактор TinyMCE больше соответствует вашим потребностям, вы можете полностью отключить редактор Gutenberg .

Gutenbergпротив конструкторов страниц: плюсы и минусы

Теперь давайте посмотрим, как Gutenberg отличается от сторонних плагинов для построения страниц.

Плюсы :

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

Минусы :

  • Gutenberg не предлагает надлежащего визуального редактирования, как конструктор страниц. Он более доступен, чем классический редактор, но все же не на 100% удобен, как конструктор страниц.
  • Конструкторы страниц по-прежнему предоставляют вам более гибкий дизайн и варианты макета.
  • Большинство конструкторов страниц предлагают гораздо более плавное и гибкое перемещение перетаскиванием.
Итог

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

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

Давайте разберемся, как вы можете начать использовать Gutenberg.

Как использовать редактор WordPress Gutenberg

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

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

Интерфейс редактора блоков Gutenberg

Когда вы откроете редактор, он скроет боковую панель инструментов WordPress и предоставит вам полноэкранный режим:

Интерфейс блочного редактора Gutenberg WordPress.

Редактор состоит из трех основных частей:

  • Контент: ваш контент занимает большую часть экрана. Вы увидите предварительный просмотр того, как он будет выглядеть в интерфейсе вашего сайта. Он не на 100% точен, но вы должны иметь довольно хорошее представление об окончательном дизайне.
  • Верхняя панель инструментов: панель инструментов вверху помогает вставлять новые блоки, отменять / повторять и получать доступ к другим важным настройкам.
  • Боковая панель: Боковая панель содержит две вкладки. Вкладка «Запись» позволяет вам настроить параметры пост-уровня, такие как его категории, теги, избранное изображение и т. д. На вкладке «Блок» показаны настройки для выбранного вами блока — подробнее об этом позже.

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

Щелчок по значку «шестеренка» покажет / скроет боковую панель.

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

Добавление блоков

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

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

Чтобы добавить новый блок, вы можете щелкнуть один из значков «плюс» в интерфейсе. Это основной значок средства вставки блоков в верхнем левом углу:

Значки «плюс» позволяют вставить новый блок.

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

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

Чтобы вставить блок, вам просто нужно щелкнуть по нему. Например, чтобы вставить обычное изображение, вы должны просто щелкнуть блок изображения:

Щелкните тип блока, который вы хотите вставить.

Затем вы можете следовать инструкциям по загрузке или выбрать существующее изображение из медиабиблиотеки.

Основные параметры форматирования

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

Если вы форматируете обычный текст, вы можете:

  • Добавить жирный или курсив
  • Вставить ссылки
  • Изменить выравнивание
  • Добавить форматирование, например встроенный код или зачеркивание 

Плавающая панель инструментов позволяет выбирать основные параметры форматирования.

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

Вставка ссылки в блок-редактор Gutenberg WordPress.

Настройка дополнительных параметров блокировки

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

Чтобы открыть настройки блока, щелкните блок в редакторе, чтобы выбрать его. Затем перейдите на вкладку Блок на боковой панели, чтобы увидеть его настройки.

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

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

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

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

Параметры блока для обычного абзаца текста.

Перестановка блоков

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

Во-первых, если вы хотите переместить блок на несколько позиций вверх или вниз, вы можете использовать стрелки вверх или вниз на плавающей панели инструментов.

Для обширных перемещений вы можете использовать перетаскивание. Чтобы перетащить блок, вам нужно щелкнуть значок «шесть точек» слева от стрелок.

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

Вы можете переставлять блоки с помощью стрелок или перетаскивания.

Важно!

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

Встраивание контента из других источников

Gutenberg поставляется со специальными блоками для встраивания контента из сторонних источников, таких как YouTube, Vimeo, Soundcloud и т. д. Вы можете найти все эти параметры в разделе «Встраивание» средства вставки блоков.

Например, чтобы встроить видео с YouTube, все, что вам нужно сделать, это:

  1. Добавьте выделенный блок YouTube.
  2. Вставьте прямой URL-адрес видео.
  3. Щелкните Вставить .

Встраивание видео с YouTube в Gutenberg.

Затем вы должны увидеть предварительный просмотр встроенного видео в редакторе.

Создание многоколоночных или сгруппированных макетов

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

Редактор блоков поставляется с двумя блоками по умолчанию, которые помогут вам в этом:

  • Столбцы: создание макета с несколькими столбцами.
  • Группы: группируйте несколько блоков. Например, вы можете использовать это, чтобы установить цвет фона для всего раздела, который отображается за многочисленными блоками.

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

Мы покажем вам пример, использующий блок столбцов, но тот же основной принцип применим и к групповому блоку.

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

Для начала вы должны использовать средство вставки блоков, чтобы добавить блок столбцов. Появится подсказка, в которой вы можете выбрать предпочтительный макет:

Выберите структуру столбца и соотношение.

В этом примере мы выберем макет с двумя столбцами 50/50. При этом вы увидите два прямоугольника одинакового размера со значками + внутри. Чтобы вставить контент, вы можете щелкнуть этот значок +, чтобы открыть интерфейс вставки блоков:

Как добавить контент в столбцы.

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

10 полезных советов для более продуктивной работы

Теперь, когда у вас есть базовое представление о том, как работает Gutenberg, давайте рассмотрим несколько ценных советов и приемов, которые помогут вам более эффективно использовать редактор.

1. Используйте /(косую черту) для быстрой вставки блоков

Если вам нужно вставить много блоков, открытие устройства для вставки вручную может оказаться немного утомительным. К счастью, как только вы начнете изучать имена общих блоков, которые вам нужно использовать, появится гораздо более быстрый способ вставлять блоки, используя только клавиатуру — /(косая черта).

Если вы нажмете «Enter», чтобы начать новый блок абзаца, вы можете быстро вставить блок, набрав косую черту, за которой следует имя блока, который вы хотите вставить.

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

Вот пример использования быстрой вставки для добавления блока изображения:

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

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

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

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

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

3. Используйте форматирование Markdown

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

Например, если вы хотите вставить блок заголовка с тегом H3, вы можете ввести три хэштега (`###`), а затем нажать клавишу пробела. Редактор автоматически преобразует его в H3, и вы можете продолжить вводить заголовок:


Редактор блоков поддерживает базовый синтаксис Markdown для заголовков.


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

4. Закрепите панель инструментов форматирования в верхней части редактора.

Если вам не нравится, как инструмент форматирования «плавает» над блоком, редактор блоков включает функцию, которая позволяет закрепить его под верхней панелью инструментов:

Вы можете закрепить панель инструментов форматирования вверху.

5. Скопируйте блок и все его настройки.

Редактор блоков позволяет копировать и вставлять текст так же, как в любом редакторе — «Ctrl + C» или щелкнув правой кнопкой мыши и выбрав «Копировать» .

Однако вы не можете использовать этот метод для копирования и вставки всего блока с сохранением его настроек. Вместо этого вам необходимо:

  1. Выбрать блок.
  2. Щелкнуть значок с тремя точками на панели инструментов блока.
  3. Выбрать Копировать .

Как скопировать блок со всеми его настройками.

После того, как вы скопировали блок таким образом, вы можете вставить его, как обычно, например, « Ctrl + V » или щелкнув правой кнопкой мыши и выбрав « Вставить» .

6. Быстрый выбор правого блока с помощью просмотра списка блоков.

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

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

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

В приведенном ниже примере вы можете увидеть:

  • Блок первичных родительских столбцов
  • Вложенные блоки для каждого столбца
  • Вложенный групповой блок внутри одного столбца
  • Вложенный блок заголовка внутри блока Group

Чтобы выбрать основной родительский блок, вы можете просто открыть представление списка и выбрать его из списка:

Открытие списка помогает перемещаться по вложенным блокам.

7. Откройте редактор кода (для отдельных блоков или полных публикаций).

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

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

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

Как редактировать отдельный блок как HTML.

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

Редактор HTML для отдельного блока.

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

Наконец, вы можете также открыть полный редактор кода для всего документа с помощью выпадающего меню в верхнем правом углу или сочетание клавиш: Ctrl + Shift, + Alt + M .

Имейте в виду, что, когда вы откроете полный редактор кода, вы также увидите разметку форматирования блока от Gutenberg, поэтому может быть немного сложно ориентироваться:

Полный редактор кода, включающий разметку блока.

8. Изучите сочетания клавиш.

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

Вот некоторые из наиболее распространенных сочетаний клавиш — если вы работаете на Mac, вам нужно переключить «Ctrl» на «Command (⌘)»:

  • Откройте вид списка блоков — Alt + O
  • Сохраните изменения — Ctrl + S
  • Отменить последнее изменение (я) — Ctrl + Z
  • Повторить последнюю отмену — Ctrl + Shift + Z
  • Дублируйте выбранный блок (ы) — Ctrl + Shift + D
  • Удалить выбранный блок (ы) — Shift + Alt + Z
  • Вставить новый блок перед выбранным блоком (блоками) — Ctrl + Alt + T
  • Вставить новый блок после выбранного блока (ов) — Ctrl + Alt + Y

Вы также можете открыть полную шпаргалку со всеми сочетаниями клавиш, когда находитесь в редакторе. Для этого вы можете использовать сочетание клавиш — Shift + Alt + H — или щелкнуть значок меню «три вертикальные точки» ( ⋮ ) в правом верхнем углу редактора и выбрать «Сочетания клавиш» в раскрывающемся списке.

9. Очистите свой интерфейс, скрывая блоки

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

Вы можете снять флажки с блоков, чтобы скрыть их от средства вставки блоков.

10. Добавьте якоря для ссылок перехода.

Наконец, наш последний полезный совет — это специальная функция привязки HTML в редакторе блоков, которая позволяет создавать ссылки перехода к определенным разделам вашего контента (например, для оглавления).

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

Как установить собственный якорный текст.

Углубляемся в более сложные концепции редактора блоков

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

Блочные шаблоны

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

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

Вы можете вставить новые шаблоны из вкладки Паттерны основного средства вставки блоков:

Как вставить шаблон блока.

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

Расширение редактора блоков с помощью плагинов

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

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

Вы можете использовать плагины для нескольких разных целей:

  • Добавляйте новые блоки содержимого: плагины могут добавлять новые блоки, которые вы можете использовать в своих проектах. На данный момент это наиболее распространенный вариант использования плагинов Gutenberg.
  • Добавление новых шаблонов / шаблонов блоков: некоторые плагины используют систему шаблонов основных блоков, в то время как другие создали свои собственные системы шаблонов.
  • Измените интерфейс / функции редактора: вы можете использовать плагины для изменения самого редактора. Например, вы можете добавить лучшую поддержку Markdown.

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

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

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

Вот некоторые из самых популярных вариантов на момент написания этого поста:


Редактор Gutenberg WordPress и полное редактирование сайта

Как мы упоминали в начале этого поста, проект Gutenberg стремится быть гораздо большим, чем просто редактором контента.

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

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

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

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

Резюме

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

В этом посте мы рассмотрели все, от основ редактора блоков до расширенных советов и функций. 

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

У вас все еще есть вопросы или мысли о редакторе? Если это так, мы будем рады увидеть ваши комментарии.

Источник

 
  • 6503