В данной публикации мы продолжим исследование блоков в WordPress, которую начали рассматривать в предыдущей статье. Тема блоков довольно обширная, поэтому пришлось её разделить на две части.
Элементы макета
С блоками элементов макета вы можете отформатировать посты и страницы в соответствии с вашими потребностями. Давайте посмотрим, что именно вы можете сделать.
- медиа и текст
С блоком Медиа & Teкст вы можете легко добавлять текст и изображения рядом (см. изображение 19).
Изображение 19: медиа и текст
Этот блок объединяет два блока в один (изображение и абзац). Поэтому параметры редактирования будут отличаться в зависимости от того, выбираете ли вы изображение или текст. Нажатие на изображение будет давать вам возможность на панели инструментов выбрать выравнивание и ширину блока.
И в боковой панели, вы сможете добавить альтернативный текст к изображению, настроить изображение для мобильного телефона и изменить настройки цвета.
Нажатие на текст откроет различные варианты для редактирования с панели инструментов и боковой панели. Эти параметры идентичны параметрам, которые мы видели для блока абзаца.
Примечание: в WordPress 5.3. на панели инструментов есть дополнительная опция, которая позволяет Вам вертикально выровнять текстовую часть блока.
- столбцы
Блок Столбцы позволяет вставлять текст, а также другие медиа в столбцы. Вы можете добавить до шести столбцов с этой опцией. Вы также можете смешивать тип контента, который вы добавляете, например, он может быть как изображением, так и текстом, включенным в блок (см. изображение 20).
Изображение 20: Пример блока столбцы с текстом и изображениями, как это выглядит на сайте
Чтобы добавить изображение в столбцы, вам нужно будет добавить блок изображения к каждому из столбцов. Для этого вам необходимо убедиться, что Вы выбрали столбец, к которому хотите добавить изображение.
После этого всё, что вам нужно сделать, это добавить блок изображения с панели инструментов.
Вы также можете добавить несколько изображений в один столбец. Такая же процедура применяется для всех других доступных блоков, которые вы можете добавить к столбце на ваш выбор.
С помощью панели инструментов вы можете изменить ширину блока столбцов. И на боковой панели, вы можете установить количество столбцов, которые вы хотите использовать.
Примечание: В WordPress 5.3 при добавлении блока столбцов можно выбрать расположение столбцов перед добавлением в пост. В дополнение улучшен дизайн блока, что облегчает редактирование, изменение размера и выравнивание столбцов.
- далее
С помощью этого блока можно регулировать порцию контента, что отображается на вашей домашней странице или на некоторых других страницах вашего сайта. Место, где вы вставляете блок «далее» в посте редактора, будет той точкой, где закончится отрывок фразой «Читать больше».
Кроме того, посетители должны будут нажать на ссылку под сообщением (см. изображение 21).
Изображение 21: Вверху- сообщение в редакторе с добавленным блоком «Больше». Внизу — сообщение, как оно отображается на странице сообщений на веб-сайте.
Как вы видите на рисунке 21, текст в блоке гласит «Читать дальше» или что то подобное. Вы можете изменить этот текст, введя другой текст прямо в блок, например: «Продолжить чтение».
- кнопка
Блок кнопок позволяет вам добавить кнопку к сообщению или странице. Кнопка обычно ссылается на сообщение или страницу на вашем сайте. Чаще всего кнопка используется для быстрого доступа к страницам продукта или регистрационной формы.
Внутри блока вы можете изменить текст и добавить URL-адрес, на который хотите сослаться. На панели инструментов вы можете выровнять кнопку и отрегулировать текст. Наконец, с боковой панели, вы можете изменить стиль (внешний вид) кнопки и её цвета (см. изображение 22).
Изображение 22: Блок кнопок под заголовком (выровненный справа) и боковой панелью вариантов справа
Новое: обновление WordPress 5.3 — Групповой блок
В WordPress 5.3. добавлен новый блок к блокам раскладки. Это называется группа, и, как следует из названия, он позволяет группировать несколько блоков в него. Почему?
Потому что таким образом, вы можете легко перемещать и выравнивать несколько блоков в то же время. Более того, групповой блок имеет настройку цвета фона. Это позволяет разделять блоки с использованием цветов (Изображение 23).
Изображение 23: Блок кнопок в WordPress 5.3
Помимо добавления нескольких блоков в блок группы, вы также можете выбрать существующие блоки (или перетащить их) в групповой блок.
- разрыв страницы
Если вы вставите блок разрыва страницы в сообщение, местом, где блок вставляется будет точка, где пост разбивается на несколько страниц. Например, вы можете написать пост в двух главах.
По вставке блока разрыва страницы между главами 1 и 2, каждая глава появится на другой странице. Вы увидите доступные номера страниц, чуть ниже поста (см. изображение 24).
Изображение 24: пост, как он появляется на сайте с кликабельными страницами под ним
- разделитель
Вместо разделения на разные страницы вы можете использовать разделение между различными разделами поста с помощью Разделительного блока. На боковой панели вы можете выбрать, чтобы показать разделитель в виде короткой линии, широкой линии или трех точек (см. изображение 25).
Изображение 25: Разделитель (три точки) посередине и боковая панель варианты справа
Примечание: в WordPress 5.3. Вы можете установить стиль по умолчанию и выбрать цвет разделителя в боковой панели.
Блок Интервал (Spacer) создает пространство между двумя блоками. Не имеет никакого контента сам по себе, и он только добавляет пространство между блоками (см. Изображение 26). Когда выбран, блок кажется светло-серым.
Тем не менее, при предварительном просмотре или публикации сообщения появится белый пробел. На боковой панели вы можете добавить желаемую высоту блока, в пиксели.
Изображение 26: Блок распорок, как он появляется в редакторе постов
Виджеты
Мы уже подробно обсуждали виджеты в этой статье и показали вам, как добавить виджеты с помощью настройщика или экрана виджетов в админке меню. С редактором блоков есть меньше виджетов на выбор, но это те же самые, которые вы можете найти в настройщике и виджетах экрана.
Однако разница в том, что, если вы добавите виджеты с настройщиком или с экраном виджетов, (в большинстве случаев) они будут автоматически появляться на всех страницах вашего сайта.
С помощью редактора блоков вы можете выбрать и добавить некоторые виджеты к отдельным сообщениям или страницам, и они будут появляться только в одном сообщении или на странице, а не везде на вашем сайте. Виджеты, которые вы можете выбрать, показаны на рисунке 27.
Изображение 27: виджеты, которые доступны в виде блоков
Встраивание
Мы также уже рассмотрели встраивания и то, как добавить их в сообщение или страницу в одной из статей, опубликованных ранее. Напоминаем, что встраивания позволяют добавлять контент из различных сайтов, платформ и услуг для ваших сообщений и страниц.
Например, вы можете добавлять изображения из Instagram, сообщения из Reddit или Facebook, видео из YouTube и многое другое. В настоящее время вы можете выбрать один из 34 блоков встраивания.
Многоразовые блоки
Если вы хотите повторно использовать блок, который вы создали, вы можете сделать это с многоразовым блоком. Чтобы сохранить блок под заголовком многократного использования, выполните следующие шаги:
- Выберите блок, который вы хотите добавить в блоки многократного использования.
- Нажмите на три вертикальные точки на панели инструментов (1 на рисунке 28) появится выпадающее меню.
- Выберите «Добавить к многоразовому Блоку» вариант из выпадающего меню (2 на рисунке 28). Раскрывающееся меню рухнет, и вы увидите коробку, появляющуюся над блоком.
- Добавьте название блока, который вы хотите использовать в поле имени выше блока (см. 4, изображение 28а).
- Нажмите кнопку Сохранить (см 5, изображение 28а).
- Нажмите значок плюса в левом верхнем углу панели инструментов. Меню с доступными блоками появится.
- Прокрутите вниз до заголовка «Многоразовые блоки». Ваш сохраненный блок должен быть доступным.
Изображение 28: Добавление многоразового блока
Изображение 28a: Сохранение многоразового блока
После сохранения вы сможете использовать блок в любое время. Это позволяет сэкономить время и сохранить контент, который могут использовать другие участники повторно на вашем сайте. Например, если вы используете кнопку или фрагмент текста часто вы можете сохранить его как блок многократного использования.
Это позволит вам просто добавить это к тексту каждый раз, когда вам это нужно вместо того, чтобы повторять это снова и снова.
Тем не менее, обратите внимание, что каждый раз, когда вы используете многоразовый блок и вносите изменения, изменения будут применяться везде, где используется этот блок. Например, вы можете сделать многоразовый блок изображения, которое вы часто используете.
Вы сохраняете это с определенными настройки, и вы делаете изображение большим. Вы используете это в нескольких постах, и это прекрасно работает. Затем вам нужно использовать в новом посте, но вам нужно изменить размер. Изменение размера многоразового блока в одном посте изменит его размер во всех других сообщениях, в которых он был использован. Кроме того, размер многоразового блока также изменится.
Еще больше блоков
Блоки по умолчанию, доступные в ядре WordPress, ни в коем случае не являются единственными, которые вам когда-либо понадобятся. И они не единственные, кого вы можете использовать.
Некоторые плагины также могут поставляться с дополнительными блоками.
Плагин Yoast, например, добавляет блоки FAQ и HowTo в список блоков. Эти блоки позволяют писать практические статьи или составлять списки FAQ с легкостью. Более того, они также автоматически добавляют структурированные данные, так Google может определить смысл содержания в посте и поможет вам лучше оценить.
Изображение 29: блоки Yoast
Есть также плагины, предназначенные исключительно для добавления дополнительных блоков в ваши посты. Просто введите «блоки» в хранилище плагинов, и вы увидите огромный список с различными доступными плагинами (см. изображение 30).
Изображение 30: Различные плагины, которые предлагают больше блоков в WordPress
Этот пост дал только представление о бесконечных возможностях, предлагаемых блоками. Вы увидели, что с помощью блоков вы можете создавать отличные посты и страницы.
Так что исследуйте и используйте блоки для создания своего отличного контента!