17.08.2020

Многоразовые блоки WordPress: как их использовать

Редактор блоков WordPress (AKA Gutenberg) был выпущен в конце 2018 года. Это встроенный редактор WordPress для перетаскивания, который значительно упрощает создание стилизованных макетов. С многоразовыми блоками WordPress вы можете сэкономить много времени, работая в редакторе.

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

Что такое многоразовые блоки WordPress?

Многоразовый блок WordPress – это набор / расположение одного или нескольких блоков редактора, которые вы можете сохранить в своей библиотеке для дальнейшего использования.

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

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

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

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

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

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

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

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

Но как сделать эти блоки?

Как сделать в WordPress многоразовые блоки

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

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

Как только вы создадите новое сообщение, найдите Добавить блок кнопка в текстовом редакторе. Нажмите на это.

кнопка добавления блока

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

блок абзаца

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

кнопка добавления

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

изменить настройки для многоразовых блоков WordPress

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

В раскрывающемся меню нажмите на Добавить в блок многократного использования.

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

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

назови это

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

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

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

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

три точки

Выбрать Добавить в многоразовые блоки вариант.

добавить в многоразовые блоки

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

Добавьте повторно используемый блок в новое сообщение или страницу на вашем сайте

Теперь пришло время вставить ваши повторно используемые блоки в другом месте на вашем сайте!

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

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

Если вы помните название многоразового блока, вы также можете искать его по имени. Или вы можете использовать «/» для быстрой вставки многократно используемых блоков без использования полного интерфейса. Например:

/[name-of-reusable-block]

захватывая ваш многоразовый блок

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

второе сообщение в блоге

Как редактировать контент из многоразового блока в конкретном посте

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

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

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

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

конвертировать

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

вносить изменения

Как экспортировать и импортировать многоразовые блоки WordPress

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

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

В редакторе найдите кнопку «+» в верхней правой части редактора.

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

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

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

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

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

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

Теперь вы должны войти в другую панель управления WordPress. Снова, перейдите к Блоки страницы, используя те же шаги, что и раньше.

Есть кнопка,  Импорт из JSON, Нажмите на нее, чтобы найти файл JSON на вашем компьютере и загрузить его на новый веб-сайт. Теперь вы перенесли многократно используемый блок на совершенно другой сайт!

импорт из JSON - многоразовые блоки WordPress

Вы уже использовали многоразовые блоки WordPress?

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

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

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

У вас все еще есть вопросы по работе с многоразовыми блоками в WordPress? Спросите нас в комментариях!

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

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