Если вы читаете этот учебник, вы, вероятно, уже пробовали новый редактор Гутенберга для WordPress.

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

попробуйте gutenberg.png

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

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

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

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

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

Но сначала небольшой пример по блокам.

Каковы блоки?

Блоки - это то, что включается Гутенберг. Все твои содержание будет добавлен через блок. На скриншоте ниже вы можете увидеть статью с рядом блоков в редакторе:

написать статью о Gutenberg.png

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

  • Текстовые блоки - абзацы, списки, заголовки, код, цитаты, таблицы
  • Медиа блоки - изображение, галерея, аудио, видео
  • Элементы макета - кнопки, разделители, разделители, разрывы страниц
  • Блоки виджетов - категории, последние сообщения, шорткод
  • Интегрируйте блоки – YouTube, Soundcloud, Spotify, Twitter и более

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

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

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

Дублирующие блоки

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

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

дублировать block.png

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

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

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

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

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

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

Общие блоки

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

Создать общий блок

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

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

создать повторно используемый block.png

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

Блок gutenberg.png

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

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

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

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

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

использовать reutilisable blockss.png

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

Редактирование общих блоков

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

Чтобы изменить блок, нажмите кнопку Модификатор принимая во внимание его название. Затем вы можете редактировать содержимое и заголовок блока. Эти изменения вступят в силу во всех экземплярах блока.

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

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

удалить повторно загружаемый blocks.png

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

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

  1. Создайте свой первый общий блок, как описано выше.
  2. Добавить общий блок в новую статью
  3. Преобразуйте его в обычный блок и измените его.
  4. Преобразуйте его в общий блок, как вы это сделали в первый раз.
  5. Дайте ему имя, отличное от исходного, - имя, которое поможет вам легко определить различия между двумя блоками. Сохрани это.

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

Хранение общих блоков

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

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

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

Двойные и общие блоки делают управление контентом более эффективным

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

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

Расскажите нам, как вы использовали дубликаты и общие блоки!