Тестовая статья: оформление публикации

Стилизованный лист с заметками на сиреневом фоне

Это тестовая публикация для проверки оформления сайта. Здесь нет медицинских рекомендаций: текст и изображения можно заменить при подготовке настоящей статьи.

Как выглядит статья

Главный заголовок H1 и дата выводятся автоматически. Основной текст набирается в привычном редакторе WordPress: отдельными абзацами, с подзаголовками и изображениями.

Иллюстрация для проверки обтекания
Пример изображения с обтеканием

Изображение слева показывает, как текст обтекает иллюстрацию на большом экране. В редакторе можно выбрать выравнивание справа, изменить ширину или разместить картинку отдельным блоком.

На узком экране изображение располагается над текстом, чтобы материал было удобно читать с телефона. Для каждой иллюстрации можно добавить подпись и альтернативное описание.

Ссылки оформлены заметным цветом. Например, можно перейти ко всем статьям. Жирное начертание помогает выделить главное, а курсив подходит для короткого пояснения.

Цитаты и списки

Так выглядит цитата или важный фрагмент материала. Текст этого блока заменяется в редакторе.

Пример оформления

Маркированный список

  • Первый пункт списка.
  • Второй пункт с пояснением.
  • Третий пункт.

Нумерованный список

  1. Открыть запись в редакторе.
  2. Заменить текст и изображение.
  3. Сохранить изменения.

Таблица

ЭлементПример содержимого
ЗаголовокНазвание будущей статьи
ИзображениеОбложка из медиатеки
АнонсКраткое описание для карточки

Подзаголовок третьего уровня

Пример начала подраздела.

Подзаголовок четвёртого уровня

Пример дополнительного пояснения.

Подзаголовок пятого уровня

Пример небольшой детали.

Подзаголовок шестого уровня

Завершающий пример оформления текста.