03.02.2021

0 комментариев

Блоки в WordPress- исследование блоков. Часть 2.

В данной публикации мы продолжим исследование блоков в 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).

Блок кнопок в WordPress 5.3

Изображение 23: Блок кнопок в WordPress 5.3

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

  • разрыв страницы

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

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

пост, как он появляется на сайте с кликабельными страницами под ним

Изображение 24: пост, как он появляется на сайте с кликабельными страницами под ним

  • разделитель 

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

Разделитель

Изображение 25: Разделитель (три точки) посередине и боковая панель варианты справа

Примечание: в WordPress 5.3. Вы можете установить стиль по умолчанию и выбрать цвет разделителя в боковой панели.  

Блок Интервал (Spacer) создает пространство между двумя блоками. Не имеет никакого контента сам по себе, и он только добавляет пространство между блоками (см. Изображение 26). Когда выбран, блок кажется светло-серым. 

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

Интервал

Изображение 26: Блок распорок, как он появляется в редакторе постов

Виджеты  

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

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

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

Виджеты

Изображение 27: виджеты, которые доступны в виде блоков

Встраивание 

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

Например, вы можете добавлять изображения из Instagram, сообщения из Reddit или Facebook, видео из YouTube и многое другое. В настоящее время вы можете выбрать один из 34 блоков встраивания.  

Многоразовые блоки 

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

  1. Выберите блок, который вы хотите добавить в блоки многократного использования. 
  2. Нажмите на три вертикальные точки на панели инструментов (1 на рисунке 28) появится выпадающее меню.  
  3. Выберите «Добавить к многоразовому Блоку» вариант из выпадающего меню (2 на рисунке 28). Раскрывающееся меню рухнет, и вы увидите коробку, появляющуюся над блоком.  
  4. Добавьте название блока, который вы хотите использовать в поле имени выше блока (см. 4, изображение 28а).  
  5. Нажмите кнопку Сохранить (см 5, изображение 28а).  
  6. Нажмите значок плюса в левом верхнем углу панели инструментов. Меню с доступными блоками появится.  
  7. Прокрутите вниз до заголовка «Многоразовые блоки». Ваш сохраненный блок должен быть доступным.  
Добавление многоразового блока

Изображение 28: Добавление многоразового блока

Сохранение многоразового блока

Изображение 28a: Сохранение многоразового блока

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

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

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

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

Еще больше блоков  

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

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

Плагин Yoast, например, добавляет блоки FAQ и HowTo в список блоков. Эти блоки позволяют писать практические статьи или составлять списки FAQ с легкостью. Более того, они также автоматически добавляют структурированные данные, так Google может определить смысл содержания в посте и поможет вам лучше оценить.  

блоки Йост

Изображение 29: блоки Yoast

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

плагины, которые предлагают больше блоков в WordPress

Изображение 30: Различные плагины, которые предлагают больше блоков в WordPress

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

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

Ключевые моменты

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

Теги:

WordPress


Об авторе

Александр Зарубин

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

Вам также может понравиться

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

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

{"email":"Адрес электронной почты недействителен","url":"Адрес сайта недействителен","required":"Обязательное поле отсутствует"}


Получите 5 БЕСПЛАТНЫХ видео по созданию подписной воронки!

Узнайте, из каких элементов должна состоять подписная воронка...