Как добавить изображение в блок абзаца в Gutenberg

WordPress 5.0 не за горами, и вместе с ним появляется ряд возможностей объяснить, как делать что-то в новом редакторе.

Сценарий тестирования

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

Выполнение задачи в классическом редакторе

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

Выполнение задачи в Гутенберге

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

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

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

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

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

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

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

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