Pullquote (Выносная цитата)

Это “дизайнерская” версия цитаты.
Используется, чтобы вынести важную мысль и привлечь внимание.
👉 В отличие от обычного Quote — выглядит более крупно и заметно.
- ⚙️ Функции
текст цитаты
выравнивание (left / center / right)
цвет текста
фон (в некоторых темах)
типографика (крупнее, чем Paragraph)
🎯 Зачем нужен
Чтобы:
сделать акцент
разбить длинный текст
добавить “воздуха” в дизайн
📍 Где используется чаще всего
статьи / блоги
лендинги
storytelling страницы
маркетинговые тексты
⚠️ Важно
Pullquote — это декор + акцент, а не основной контент
👉 не используй часто (1–2 раза на экран максимум)
💡 Пример использования
Важно – в стандартном Gutenberg у блока Pullquote цвет обводки напрямую не меняется через интерфейс, а связан в стиле темы с цветом который поддерживает данная тема
Изменеие цвета в ручном режиме
Шаг 1
Выделяем Pullquote → справа:
Advanced → Additional CSS class(es)
пишем :
my-quote
Шаг 2
в:
Appearance → Customize → Additional CSS
Добавляем:
.my-quote {
border: 3px solid #95b0cb; /* твой цвет */
}
Design is not just how it looks — it’s how it works.
🎯 Важно понять
Обводка у Pullquote — это:
👉 часть темы (theme styles), а не самого блока
Поэтому:
- в одной теме есть настройки
- в другой — только через CSS
🚀 Лайфхак
Если хочешь больше контроля:
👉 вместо Pullquote используй:
Group → + Border → внутрь Paragraph
Там:
- можно менять цвет
- толщину
- радиус
- паддинги
👉 и это гибче, чем Pullquote
