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

Перед тем как начать

Если у вас нет возможности установить WordPress версии 5.0 (которая все еще находится в разработке), вы можете сейчас скачать Гутенберг и протестируйте его на своей версии WordPress (я снова запускаю экспериментальную среду). Тем не менее, я признаю, что был немного удивлен, глядя на оценки, данные этому новому редактору, более половины моих пользователей дали оценку 1/5.

Предварительный просмотр gutenberg рейтинг wordpress.jpeg

Я не собираюсь останавливаться на этом и тестировать, чтобы почувствовать это.

Представление интерфейса

Чтобы использовать Гутенберг, вы должны запись статью (очевидно), как вы делали в прошлом, т.е. Статьи> Добавить".

gutenberg presentation.jpeg

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

старая версия wordpress.jpeg

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

Редактор calypso wordpress.jpeg

Расположение элементов

Раздел резервного копирования

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

раздел резервного копирования gutenberg.jpeg

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

расширенный контроль gutenberg.jpeg

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

категория раздела gutenberg и изображение в first.jpeg

Секция блока

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

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

block gutenberg wordpress.jpeg

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

Параметры форматирования

Форматирование появится над каждым блоком.

опция formatting.jpeg

Вы также отобразите параметры макета вверху, щелкнув параметр «Редактор», а затем нажав «Установить панель инструментов на самый верх».

параметры форматирования экрана в top.jpeg

Как добавить пользовательские блоки

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

другой блок gutenberg.jpeg

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

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