Отзыв клиента вставили через блок «Выноска», потому что он крупнее, а потом та же фраза читается дважды, в меню путаются «Цитата» и Pullquote, и страшно нажать «Преобразовать блок». На телефоне длинный текст из WhatsApp в выноске обрезался, и читатель решил, что сайт продублировал отзыв из-за темы. Ниже — как в Gutenberg оформить чужие слова блоком «Цитата», а короткую свою мысль — «Выноской», без плагинов.
Чужие слова — отзыв, эксперт, интервью — всегда блок «Цитата» с подписью при необходимости. «Выноска» (Pullquote) — повтор одной короткой фразы из вашего текста для тех, кто листает, а не «красивая цитата». В 2025 команде Gutenberg временно убрали Pullquote из вставки, в 2026 вернули: два похожих пункта в редакторе снова на месте.
Gutenberg — встроенный редактор блоков WordPress: каждый элемент записи живёт отдельным блоком, как кубики. Для статей на сайте услуг две задачи: показать доверие реальным отзывом и дать паузу в длинном тексте — крупный акцент на своей мысли. Обзор всех блоков — в материале про блоки Gutenberg в WordPress. Сегодня хватит черновика и пяти минут на проверку с телефона, без программиста.
- Сравните «Цитату» и «Выноску»: чужой голос и акцент на своём тексте
- Оформите отзыв клиента блоком «Цитата» с подписью
- Выделите короткую фразу «Выноской», не второй копией отзыва
- Запомните команды /quote, /pullquote и маркер >
- Настройте панель блока и общий вид цитат на сайте
- Проверьте цитату на телефоне и в ленте блога
- Избегайте типичных ошибок: Word, дубли и два стиля в одной записи
- Пройдите чеклист перед публикацией
- Частые вопросы
- Чем «Цитата» отличается от «Выноски» в Gutenberg?
- Можно ли оформить цитату без плагина?
- Стоит ли нажимать «Преобразовать» между Quote и Pullquote?
- Как не сломать верстку темы цитатой?
- Нужен ли отдельный стиль для отзывов?
- Удалили ли Pullquote из WordPress?
- Как по-русски называется Pullquote в меню?
Сравните «Цитату» и «Выноску»: чужой голос и акцент на своём тексте
В инсертере два названия про цитату, и непонятно, что ставить под отзыв. На практике правило из обсуждений редактора на GitHub: цитата — чужой голос, выноска — фрагмент вашей статьи, который хотите подсветить.
| Ситуация | Блок | Ошибка |
|---|---|---|
| Отзыв, эксперт, интервью | «Цитата» (Quote) | Длинный чужой текст в «Выноске» |
| Короткая мысль из вашего абзаца | «Выноска» (Pullquote) | Целый отзыв из мессенджера в выноске |
| Имя клиента или источник | Подпись у «Цитаты» | Выдуманные отзывы |
| Крупный акцент по ширине | «Выноска» wide/full, если тема позволяет | Ждать, что выноска заменит абзац с деталями |
Итоговый вердикт: отзыв в кейсе салона — только «Цитата» с именем в подписи. Слоган из вашего текста на 10-20 слов — «Выноска».
Оформите отзыв клиента блоком «Цитата» с подписью
Типичная ошибка — отзыв обычным абзацом в кавычках: он теряется в тексте. Блок Quote — для цитируемого текста с подписью cite.
- Шаг 1. Откройте запись, поставьте курсор после абзаца, где нужен отзыв.
- Шаг 2. Нажмите «+», введите «цитата» или /quote в пустой строке.
- Шаг 3. Вставьте текст отзыва короткими абзацами, без лишнего из мессенджера.
- Шаг 4. В подписи укажите имя и контекст — только правду.
- Шаг 5. Предпросмотр: цитата визуально отделена, подпись читается сразу.
На WordPress.org есть RU-паттерн отзыва клиента: через «+» выберите «Паттерны», найдите отзыв, вставьте в запись и замените текст на свой. Это быстрее, чем ловить отступы вручную, если тема уже стилизует готовые секции. Честно говоря, для первого кейса достаточно обычного блока «Цитата» — паттерн подключайте, когда оформление отзывов повторяется в каждой статье.
Выделите короткую фразу «Выноской», не второй копией отзыва
Выноска — акцент на фрагменте собственного текста. Длинный отзыв внутри даёт второй огромный блок на мобилке; скринридеры могут озвучить одно и то же дважды.
- Шаг 1. Выберите фразу на 10-20 слов в своём абзаце.
- Шаг 2. Пустая строка рядом, /pullquote или блок «Выноска» через «+».
- Шаг 3. Только эта фраза, без всего отзыва из WhatsApp.
- Шаг 4. В панели справа — «Широкое» или «На всю ширину», если тема поддерживает.
- Шаг 5. Превью на узком экране: акцент, а не дубль абзаца.
В реальном проекте маркетолог салона убрал длинную выноску — жалобы на «два отзыва» пропали: отзыв остался в «Цитате», выноска повторяла только слоган из кейса.
Запомните команды /quote, /pullquote и маркер >
Боль «не найду в меню» закрывается за секунду — так же описано в русской справке WordPress.com.
Схема:
/quote или > и пробел → «Цитата»
/pullquote → «Выноска»
черновик → предпросмотр → публикация
Для выноски маркера «больше» нет, только команда или поиск в инсертере. Меню «Преобразовать» между Quote и Pullquote удобно, когда вы уже написали короткий свой фрагмент не в том блоке, но для отзыва клиента безопаснее с нуля выбрать «Цитату»: преобразование меняет разметку figure и blockquote, и на редких темах отступы чуть сдвигаются. Типичная ошибка — нажать «Преобразовать» из любопытства и не открыть предпросмотр.
Настройте панель блока и общий вид цитат на сайте
Цитата в примере с рамкой, у вас курсив — часто виноваты глобальные стили. Путь «Внешний вид → Редактор → Стили → Блоки» задаёт вид всех «Цитат» на сайте.
В одной записи хватит выравнивания и спокойного фона у выноски. Поле «Дополнительный класс CSS» не трогайте без согласования с тем, кто ведёт сайт. Стили Default и Plain у «Цитаты» переключите в панели блока.
Лонгрид с оглавлением стыкуется с гайдом про оглавление в статье WordPress: сначала заголовки, потом один отзыв в «Цитате», одна выноска на ключевую мысль, без пяти разных рамок в одном тексте.
Проверьте цитату на телефоне и в ленте блога
На десктопе выноска wide выглядит эффектно, а в ленте записей или на узком экране тот же блок может обрезать длинную строку или спорить с кнопкой заявки по цвету фона. Откройте предпросмотр записи, включите мобильный вид, если он есть в теме, и прочитайте отзыв вслух: если щуритесь — укоротите текст в «Цитате» или разбейте на два коротких абзаца внутри блока, не вынося вторую половину в Pullquote.
На практике хватает трёх проверок: цитата не прилипает к соседнему CTA, подпись не обрезается, выноска не повторяет абзац слово в слово длиннее пары предложений. После публикации откройте ссылку с телефона — кеш иногда отдаёт старую версию без ваших правок.
Избегайте типичных ошибок: Word, дубли и два стиля в одной записи
Копипаст отзыва из Word или PDF тащит лишние стили: курсив «плывёт», подпись уезжает. Вставьте текст в блок «Цитата» вручную или через «Вставить без форматирования». Два разных цвета фона у соседних цитат в одной статье выглядят как случайность, а не дизайн — выберите один стиль на материал.
Абзац в кавычках вручную не заменяет блок: для SEO и доступности лучше штатная разметка cite. Если сомневаетесь между блоками, вспомните голос из редактора: выноска — не «красивая цитата», а повтор своей мысли для тех, кто листает; чужие слова — всегда «Цитата».
Пройдите чеклист перед публикацией
Критерии успеха: отдельная «Цитата» с подписью и отдельная «Выноска» с короткой строкой из вашего текста; на сайте чужие слова оформлены как цитата, выноска крупнее и не дублирует длинный абзац; с телефона всё читается логично.
- Шаг 1. Один отзыв = один блок «Цитата», без копии в выноске.
- Шаг 2. Выноска до ~20 слов; длинный отзыв только в «Цитате».
- Шаг 3. Подпись заполнена или осознанно пуста.
- Шаг 4. Тарифы рядом — таблицей Gutenberg, не гигантской цитатой.
- Шаг 5. Превью с телефона: текст не обрезан, CTA не сливается с фоном выноски.
Детали верстки можно отдать команде из раздела услуг по сайту и статьям; соседние гайды — в хабе блога.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями, SEO/GEO).
Достоверность данных: WordPress.org Quote и Pullquote (Pullquote обновлён 2026-09-06); Block Editor Handbook core/quote и core/pullquote; WordPress.com RU; GitHub gutenberg #11610, PR #75122; RU-паттерн отзыва на ru.wordpress.org. Вордстат: 2026-10-09, MCP недоступен, точные показы не получены.
Частые вопросы
Чем «Цитата» отличается от «Выноски» в Gutenberg?
«Цитата» — чужие слова с подписью при необходимости. «Выноска» — короткий повтор вашей мысли из той же статьи. Длинный отзыв в выноске даёт дубль и плохо смотрится на телефоне.
Можно ли оформить цитату без плагина?
Да: штатные «Цитата» и «Выноска», вставка через «+», /quote, /pullquote или > и пробел. Плагины — для слайдеров отзывов на многих страницах, не для одного кейса.
Стоит ли нажимать «Преобразовать» между Quote и Pullquote?
Для отзыва клиента создайте «Цитату» сразу. Преобразование — для осознанной смены короткого своего фрагмента; после него проверьте превью.
Как не сломать верстку темы цитатой?
Без простыней текста, без трёх разных фонов в одной записи и без лишних CSS-классов. Один отзыв в «Цитате», одна выноска, проверка с телефона.
Нужен ли отдельный стиль для отзывов?
Часто хватает «Цитаты» или паттерна WordPress.org. Отдельный дизайн — когда отзывов много на разных страницах.
Удалили ли Pullquote из WordPress?
Временно убирали из вставки в 2025 (PR #72028), после отзывов редакторов вернули в 2026 (PR #75122). Ориентируйтесь на документацию ядра, а не на старые посты «выноска устарела».
Как по-русски называется Pullquote в меню?
Обычно «Выноска»; в английской справке — Pullquote. Смысл один: акцент на фрагменте вашего текста, не подмена блока «Цитата» для клиентов.
Вопросы по записям — через форму на сайте (мессенджер, без обязательного созвона) или в канале t.me/DikiiTelegram.
