Ця сторінка існує з однією метою — показати, які елементи оформлення доступні в редакторі та як вони виглядають у вашій темі. Тут зібрано заголовки, списки, цитати, таблиці, колонки, медіа та інтерактивні блоки. Перший абзац використовує буквицю й збільшений кегль.
Заголовки
Третій рівень
Четвертий рівень
Ієрархія заголовків важлива не лише візуально: пошукові системи та зчитувачі екрана читають саме її. Пропускати рівні (з H2 одразу на H4) не варто.
Форматування в рядку
У тексті можна поєднувати напівжирний, курсив, закреслений та моноширинний код. Доступні підсвітка тексту, нижній індекс (CO2), верхній індекс (м2), Ctrl + S для клавіш і, звісно, посилання.
Списки
- Маркований список першого рівня
- Вкладений пункт
- Ще один вкладений пункт
- Другий пункт верхнього рівня
- Нумерований список
- Другий крок
- Третій крок
Цитати
Звичайна цитата — для посилання на джерело всередині тексту. Може містити кілька абзаців і підпис автора.
Підпис до цитати
Виносна цитата привертає увагу до ключової думки й зазвичай набирається більшим кеглем.
Інший тип цитати
Блок «вірш»
зберігає переноси рядків
та відступи на початку.
Таблиця
| Елемент | Призначення | Вкладеність |
|---|---|---|
| Група | Обгортка з фоном і відступами | Так |
| Колонки | Горизонтальне розбиття | Так |
| Роздільник | Візуальна пауза | Ні |
Код
add_action( 'wp_abilities_api_init', function () {
wp_register_ability( 'site/get-pages', array(
'category' => 'site-content',
) );
} );Блок «попередньо відформатовано» відрізняється від коду: без підсвітки, але зі збереженням пробілів.
Колонки
Ліва колонка
Колонки автоматично складаються у стовпчик на мобільних екранах.
Права колонка
Усередину можна вкладати будь-які інші блоки, зокрема зображення та кнопки.
Медіа і текст
Блок «Медіа і текст» ставить зображення та текст поруч і вирівнює їх по вертикалі. Зручний для карток товарів, профілів і фактів із ілюстрацією.
Група з фоном
Виділений блок
Група обʼєднує кілька блоків в один контейнер із власним фоном і відступами. Так роблять примітки, попередження та врізки.
Розгортання
Натисніть, щоб розгорнути відповідь
Блок «Подробиці» — це нативний акордеон без жодного плагіна. Ідеально для блоку поширених запитань.
Кнопки
Вирівнювання та кегль
Великий текст по центру
Дрібний текст праворуч — типово для приміток і підписів
Сторінку створено через MCP-зʼєднання, розмітка написана вручну блоками Gutenberg.