Как создать многоразовый блок в Гутенберге

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

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

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

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

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

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

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

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

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

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

Повторно использовать блок

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

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

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

Обратите внимание, что повторно используемый блок нельзя изменить, как любой другой обычный блок — вы можете изменить его, только нажав кнопку « Редактировать »:

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

Наверняка вы спросите себя, а как сделать так, чтобы только в только что добавленном блоке внести изменения, а в остальных созданных блоках нет?

Преобразовать в обычный блок

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

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

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

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

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

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

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

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

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

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

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

Фото Никола Фиораванти на Unsplash .