Пропустить

Как создать дубликат блока на Гутенберге

Divi: самая простая тема WordPress для использования

Divi: лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуемые]

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

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

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

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

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

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

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

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

Но во-первых, быстрое введение в блоки.

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

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

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

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

  • Текстовые блоки - абзацы, списки, заголовки, код, кавычки, таблицы
  • Медиа-блоки - изображение, галерея, аудио, видео
  • Элементы компоновки - кнопки, распорки, разделители, разрывы страниц
  • Widget Blocks - категории, последние сообщения, shortcode
  • Встраивать блоки - YouTube, Soundcloud, Spotify, Twitter и многое другое

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

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

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

Легко создать свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным внешним видом. Перестань дорого платить за то, что можешь сделать сам. [Free]

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

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

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

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

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

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

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

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

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

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

Общие блоки

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

Создание общего блока

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress от Envato и легко создайте свой веб-сайт. Уже более 49.720.000 XNUMX XNUMX загрузок. [ЭКСКЛЮЗИВ]

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

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

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

Блок gutenberg.png

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

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

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

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

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

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

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

Редактирование разделяемых блоков

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

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

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

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

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

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

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

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

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

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

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

Легко создать свой интернет-магазин

Скачайте бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать физические и цифровые продукты на WordPress. [Рекомендуемые]

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

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

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

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

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

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

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля обозначены *

Этот сайт использует Akismet для уменьшения спама. Узнайте больше о том, как используются ваши данные обратной связи.

Вверх
17 акции
доля14
чирикать1
Регистрация2