В этом руководстве
Если вы хотите сделать акцент на фрагменте текста в записи или на странице, вы можете быстро и просто создать привлекательное оформление для коротких фрагментов с помощью блока выдержка.
Чтобы добавить такой блок, нажмите значок Вставка блока при редактировании записи или страницы.
Вы также можете быстро добавить этот блок, набрав команду /pullquote
в пустом блоке абзаца, а затем нажав клавишу «Ввод».
Вы можете ознакомиться с подробными инструкциями по добавлению блоков.
При нажатии блока отображается панель его инструментов. Каждый блок имеет свои собственные элементы управления, которые позволяют работать с блоком непосредственно в редакторе.
На панели инструментов блока выдержка доступны следующие настройки:
Для изменения стиля выдержка используются кнопка Преобразование и изменение типа блока. Более подробно о настройке стилей см. ниже в разделе «Стили».
Подобно другим блокам, с помощью панели инструментов блок выдержка можно выровнять по левому или правому краю, либо по центру. При использовании выравнивания по левому или правому краю рядом с блоком врезки можно разместить другой блок.
Блок выдержка также имеет настройки широкого формата и формата во всю ширину, которые применяются для создания уникальных заголовков и широкоэкранных эффектов. Эти две настройки доступны только в тех случаях, если такие виды выравнивания поддерживаются темой.
- Жирный
- Курсив
- Перечёркнутый
- Гиперссылка
В дополнение к настройкам на панели инструментов для каждого блока имеются свои настройки на боковой панели редактора. Если вы не видите боковую панель, нажмите значок шестеренки рядом с кнопкой Опубликовать.
Блок выдержка имеет два стандартных стиля: «Обычный» и «Сплошная заливка».
«Обычный» — простой стиль врезки, который выглядит следующим образом:
Стиль врезки «Сплошная заливка» немного отличается и выглядит следующим образом:
Хотя стиль «Сплошная заливка» похож на разновидность стиля «Обычный», врезки с применением этого стиля становятся очень привлекательными при использовании настроек цвета блока (см. ниже).
Подобно блоку абзаца, блок выдержка имеет настройки цвета на боковой панели.
Настройка основного цвета позволяет выбрать цвет акцентирующих верхней и нижней линий в стиле «Обычный», а также изменить цвет фона в стиле «Сплошная заливка».
Параметр цвета текста определяет цвет текста цитаты в обоих стилях.
Внешний вид текста в блоке можно изменить с помощью следующих настроек.
Если настройка не отображается, щёлкните три точки справа от элемента Настройки оформления (как показано справа). Затем можно выбрать необходимую опцию:
- Размер шрифта
- Семейство шрифтов
- Внешний вид
- Высота строки
- Оформление
- Регистр
- Интервалы
Параметр Размер шрифта позволяет изменять размер текста. Можно выбрать один из предварительно заданных размеров, например маленький, средний или крупный.
Кроме того, можно указать конкретное значение, щёлкнув значок слайдера над опциями по умолчанию (он отмечен цифрой 1 на снимке экрана ниже). Вы можете изменить единицы измерения, щёлкнув в области, отмеченной цифрой 2 на снимке экрана ниже. Можно выбрать пиксели, em
или rem
.
С помощью параметра Семейство шрифтов можно изменить стиль шрифта. Выберите нужный шрифт из списка в выпадающем меню.
С помощью параметра Внешний вид можно изменить стиль текста (обычный или курсив), а также его толщину — от тонкого до очень жирного.
Параметр Высота строки задаёт интервал над текстом и под ним. При выборе значения «ноль» обязательно проверьте свой сайт на мобильном устройстве.
Параметр Оформление содержит опции подчёркивания и перечёркивания.
С помощью параметра Регистр можно изменять регистр текста: все прописные буквы, заглавная первая буква или все буквы строчные.
Параметр Интервалы задаёт интервал между всеми знаками в тексте. Значение единицы измерения по умолчанию (пиксели) можно изменить на проценты, em
, rem
, vw
и vh
. Дополнительные сведения об относительных единицах можно найти здесь.
На вкладке дополнительных настроек можно добавить к блоку класс CSS, что позволяет настраивать стиль блока по своему усмотрению с помощью собственных таблиц CSS.