Хотите узнать, как выбирать и использовать вложенные блоки в WordPress?
Функция вложенных блоков WordPress Gutenberg позволяет добавлять несколько блоков в родительский блок. Затем вы можете настроить различные элементы блока одновременно, эффективно организовать содержимое публикации и получить доступ к большей гибкости дизайна.
В этой статье мы расскажем вам, как легко выбирать и использовать вложенные блоки WordPress.
Что такое вложенные блоки WordPress?
Функция вложенного блока WordPress Gutenberg позволяет вставлять один или несколько блоков в другой блок.
Вложенные блоки помогут вам создавать более сложные макеты на вашем сайте WordPress, добавляя несколько блоков друг внутри друга. Это обеспечивает большую гибкость при разработке и форматировании контента для страниц и сообщений.
Например, вы можете вложить несколько блоков изображений в групповой блок для отображения набора фотографий из определенного события или серии художественных работ, созданных с использованием определенного метода.
Функция вложенного блока позволяет редактировать отдельные блоки отдельно. Это означает, что вы можете настроить каждый блок в соответствии с вашими потребностями, не затрагивая другие блоки. В свою очередь, это приводит к улучшению организации контента, делает ваш контент более привлекательным и упрощает процесс создания контента.
Тем не менее, давайте посмотрим, как вы можете легко выбрать и использовать вложенные блоки WordPress Gutenberg.
Как использовать вложенные блоки WordPress
Вы можете легко вложить несколько блоков вместе с помощью блока "Группа" или "Столбцы" в редакторе блоков Гутенберга.
Во-первых, вам нужно открыть существующую или новую публикацию в редакторе блоков с боковой панели администратора WordPress.
Отсюда просто нажмите кнопку "+" в верхнем левом углу экрана и найдите блок "Группа". Нажав на него и добавив на страницу, вам нужно будет выбрать макет для блоков, которые вы будете вкладывать вместе.
Мы выберем макет "Группа".
Затем просто нажмите кнопку "+" на экране, чтобы начать добавлять содержимое в родительский блок.
Мы добавим блок изображений.
При добавлении блока изображения просто нажмите кнопку "Группа" на панели инструментов блока в верхней части, чтобы выбрать родительский блок.
Затем вам нужно нажать кнопку «+», чтобы открыть меню блоков, из которого вы можете выбрать другие блоки для добавления.
Как настроить параметры вложенного блока WordPress
После вложения нескольких блоков вы можете настроить их индивидуальные параметры, нажав на каждый блок. Это откроет настройки блока в правом столбце на экране.
Здесь вы можете настроить цвет фона, цвет текста и размер отдельных блоков, не затрагивая другие вложенные в него блоки.
Чтобы настроить параметры всех вложенных блоков вместе, вам нужно будет нажать кнопку «Группа» на панели инструментов блоков в верхней части. Откроются настройки родительского блока в правом столбце.
Теперь вы можете настроить выравнивание, ориентацию, цвет фона, цвет текста и типографику всех вложенных блоков.
Имейте в виду, что эти настройки повлияют на все блоки, вложенные в родительский блок.
Вы также можете преобразовать существующий отдельный блок во вложенные блоки, нажав кнопку «Параметры» на верхней панели инструментов любого блока.
Откроется подсказка в меню, в которой вам нужно выбрать опцию "Создать многоразовый блок".
После этого будет создан новый многоразовый блок, в котором вы сможете добавить несколько блоков.
После завершения не забудьте нажать кнопку "Опубликовать" или "Обновить", чтобы сохранить изменения.
В нашем примере мы вложили блок заголовка, изображения и абзаца в блок группы.
Используйте плагин Wayfinder для легкого выбора вложенных блоков
Иногда бывает трудно выбрать отдельный блок и настроить его, когда есть несколько блоков, вложенных вместе.
К счастью, плагин Wayfinder позволяет очень легко выбирать вложенные блоки из родительского блока и даже сообщает вам тип и класс блоков.
Во-первых, вам нужно будет установить и активировать плагин Wayfinder.
После активации перейдите на страницу Настройки » Wayfinder с боковой панели администратора WordPress.
Как только вы будете там, все настройки уже будут активированы. Вам просто нужно снять флажок рядом с настройками, которые вы не хотите использовать.
Например, если вы хотите, чтобы Wayfinder отображал типы блоков для всех блоков в редакторе, оставь флажок рядом с опцией «Показать тип блока».
Однако, если вы не хотите, чтобы плагин отображал классы блоков, просто снимите флажок рядом с этой опцией.
После настройки параметров не забудьте нажать кнопку "Сохранить изменения".
Далее вам нужно открыть существующий или новый пост с боковой панели администратора WordPress.
Как только вы будете там, наведите курсор мыши на любой блок, появится контур с его именем. Вы также сможете увидеть контур и имя любых вложенных блоков в родительском блоке.
Это поможет вам определить все различные блоки, которые вложены в блок группы или столбцов.
Здесь вы можете легко выбрать отдельный блок из родительского блока, чтобы настроить его параметры.
Вы также можете выбрать все вложенные блоки одновременно, просто нажав на заголовок "Колонки" или "Группа". Откроются настройки родительского блока в правом столбце.
После настройки параметров блока просто нажмите кнопку "Обновить" или "Опубликовать", чтобы сохранить изменения.
Мы надеемся, что эта статья помогла вам научиться выбирать и использовать вложенные блоки WordPress.