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

Как создать многоразовый блок в редакторе блоков WordPress (Gutenberg)

redaktor-gutenberg

Приветствуем вас! Начиная с выпуска WordPress 5.0, 6 декабря 2018 года, в WordPress появился новый редактор контента по умолчанию Gutenberg. Новый редактор блоков предлагает совершенно иной подход к созданию контента в форме блоков (отсюда и название… ), об этом мы писали в нашей предыдущей статье.

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

Что такое многоразовый блок в редакторе Gutenberg?

Многоразовый блок — это блок контента, сохраненный отдельно для последующего использования.

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

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

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

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

Создание многоразового блока в редакторе WordPress

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

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

Gutenberg-1

В этом примере мы собираемся сохранить несколько строк текста в блоке абзаца.

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

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

Gutenberg-2

Как только вы закончите редактирование, нажмите на кнопку в меню из трех точек, а затем выберите опцию «Добавить в мои блоки».

Gutenberg-3

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

Gutenberg-4

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

Добавление многоразового блока в другие сообщения и страницы

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

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

Gutenberg-5

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

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

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

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

Нажмите на трехточечное меню на панели инструментов блока и затем выберите опцию «Преобразовать в обычный блок».

Gutenberg-6

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

Управление всеми повторно используемыми блоками в редакторе WordPress

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

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

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

Gutenberg-7

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

Gutenberg-8

Экспорт / Импорт повторно используемых блоков

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

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

Gutenberg-9

Теперь вы можете перейти в админку другого сайта. Перейдите на экран управления блоком и нажмите кнопку «Импорт из JSON».

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

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

Ну что мы научились создавать повторно используемый блок в редакторе WordPress Gutenberg. Ну что у нас на этом все. Всем пока!

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

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



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

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