Все для начинающих интернет-предпринимателей

Как обновить старые сообщения WordPress с помощью редактора Gutenberg

Gutenberg-Editor

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

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

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

Блоки также можно перемещать и переставлять, поэтому создание контента не составит особого труда. Сегодня мы поговорим о том, как обновить старые статьи с помощью Gutenberg.

В чем разница между классическим редактором и редактором Гутенберга?

Прежде чем мы начнем, давайте сначала обсудим основные различия между старым Classic Editor и новым Gutenberg Editor.

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

Classic-Editor-1

Редактор Gutenberg является полностью блочным редактором. Вы добавляете весь контент в виде блоков. Вот как выглядит редактор блоков Gutenberg.

Gutenberg-Editor-2

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

  • Обычный текст или абзац
  • Образ
  • Кнопка
  • Галерея
  • Список
  • Таблица и т.д.

Gutenberg-Editor-3

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

Редактирование старых статей WordPress с Гутенбергом

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

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

Чтобы отредактировать старую статью, просто отредактируйте ее, как вы это обычно делаете в WordPress. На экране редактирования записи вы увидите весь контент, заключенный в один классический блок.

Gutenberg-Editor-4

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

Gutenberg-Editor-5

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

  • Продолжить редактирование внутри блока Classic
  • Преобразовать свой старый контент в новые блоки Гутенберга

Первый вариант — продолжить редактирование старой статьи в блоке Classic. Классический блок предлагает вам тот же классический интерфейс редактора с опциями форматирования вверху.

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

В раскрывающемся меню необходимо выбрать параметр «Преобразовать в блоки».

Gutenberg-Editor-6

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

Gutenberg-Editor-7

Теперь вы можете редактировать старую статью, используя новые блоки редактора. Каждый блок представляет собой отдельный объект со своими собственными параметрами форматирования, стилями и параметрами дизайна.

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

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

Вы также увидите дополнительные параметры на вкладке «Блок» в правой колонке экрана.

Gutenberg-Editor-8

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

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

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

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

4 Ответа(ов) к Как обновить старые сообщения WordPress с помощью редактора Gutenberg

  1. Я еще не обновлялась до этой версии. Судя по описанию, интересная возможность. В чем-то значительно облегчает труд блоггера. Помню, как я возилась с таблицами. И самое ужасное было в том, что при смене шаблона все поплыло. Интересно, а как влияет шаблон на блоки данного редактора? Ведь там заложены свои стили.

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

  3. «Вуаля! Ваш старый контент будет автоматически преобразован в соответствующие блоки.»

    У меня получилось: Вуаля! Прекращена работа программы Internet Explorer, с последующим закрытием страницы. Как-то можно с этим бороться? А то в старых постах столько косяков: хотелось бы исправить.

    Стоп! Пока писала комментарий нашла выход. Делаю так. Нажимаю не на «Преобразовать в блоки», а ниже на «Редактировать как HTML», и затем сразу в этом же меню «Редактировать визуально».

    Только, как в отсутствие TinyMCE Advanced делать якорь, пока не поняла. Если у Вас будет время, подскажите.

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

Добавить комментарий Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *