All in one

Довідник стилів: типові блоки WordPress

Ця сторінка зібрана для перевірки типографіки, відступів, кольорів і загального вигляду стандартних блоків ядра WordPress (Gutenberg).

Зміст

Текст і типографіка

Заголовки H1–H6

H1 Приклад заголовка

H2 Приклад заголовка

H3 Приклад заголовка

H4 Приклад заголовка

H5 Приклад заголовка
H6 Приклад заголовка

Параграф: це базовий текст із курсивом, жирним, посиланням, надрядковим X2 і підрядковим H2 форматуванням.

  • Маркерований список — пункт 1
  • Маркерований список — пункт 2
    • Вкладений пункт 2.1
  • Маркерований список — пункт 3
  1. Нумерований список — пункт 1
  2. Нумерований список — пункт 2
  3. Нумерований список — пункт 3

«Цитата: лаконічна думка для перевірки стилю цитат.»

— Автор

Виділена цитата (Pullquote) для демонстрації великої типографіки та відступів.

Редакційна примітка
// Code block
function hello() {
  console.log("Привіт, WP!");
}
Preformatted
вирівнювання моноширинним шрифтом
  збереження    пробілів  і рядків
Це — блок «Вірш».
Рядки та ритм
  мають значення.
Стовпець AСтовпець BСтовпець C
Комірка A1Комірка B1Комірка C1
Комірка A2Комірка B2Комірка C2
Підпис до таблиці
Details / Спойлер

Вміст, що розкривається для перегляду додаткової інформації.

Custom HTML: власна розмітка для тесту стилів.

Медіа

Зразок зображення
Підпис до зображення
Галерея 1
Галерея 2
Галерея 3

Обкладинка з текстом

Media & Text

Поєднання медіа та тексту для перевірки відступів і вирівнювань.

Аудіо — підпис
Відео — підпис
Sample PDFЗавантажити

Дизайн і макет

Group з фоном і внутрішніми відступами.

Колонка 1

Колонка 2

Колонка 3

Row:

Елемент А

Елемент Б

Stack — елемент 1

Stack — елемент 2

Основна кнопка
Контурна кнопка

Блоки теми / шаблонів

  • Новина Ягуар

    Новина Ягуар

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,…

  • jaguar e type

    jaguar e type

    ngjffghg gfh fsh fh fg hg jgfj gh jgh jhgjdfsd dsh sfdh sfdh sfd

  • Приклади зображень

    Приклади зображень

    Приклади зображень Стандартні розміри. Повний розмір Об’єкти Персони

Віджети (спадщина)

Вбудовування