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

Блоки в WordPress Создание контента в редакторе блоков

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

Элементы макета

С блоками элементов макета вы отформатировать посты и страницы в соответствии с вашими потребностями. Давайте посмотрим, что именно вы сделать.

медиа и текст

С блоком  Медиа & Teкст вы легко можете текст и изображения рядом (см. Изображение 19).

медиа и текст
Изображение 19: медиа и текст

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

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

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

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

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

столбцы

Блок  Столбцы позволяет вставлять текст, а также другие медиа в столбцы. Вы можете добавить до шести столбцов с этой опцией. Вы также можете смешивать тип контента, который вы добавляете, например, он может быть как изображением, так и текстом, включенным в блок (см. Изображение 20).

Столбцы
Изображение 20: Пример блока столбцы с текстом и изображения, как это выглядит на сайте

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

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

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

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

Hidden Content

Примечание: В 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.0 Вы можете установить стиль по умолчанию и выбрать цвет разделителя на боковой панели.  

Блок Интервал (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

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

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

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

Это всё про исследования блоков.

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

Ключевые моменты по теме “Блоки в WordPress – исследование блоков”

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

Success message!
Warning message!
Error message!