Создание контента тела страницы

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

StreamField

StreamField позволяет создавать сложные макеты контента на странице, объединяя различные расположения контента, «блоки», в любом порядке.

При первом редактировании страницы вам будет представлена пустая область StreamField с возможностью выбора одного из нескольких типов блоков. Типы блоков на вашем сайте могут отличаться от показанного на скриншоте, но принципы остаются теми же.

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

В зависимости от выбранного блока, поле будет отображаться по-разному, и может быть даже несколько полей! Однако существуют несколько распространённых типов полей, о которых мы поговорим здесь.

Базовое текстовое поле
Поле форматированного текста
Поле изображения

Базовое текстовое поле

Базовые текстовые поля не имеют опций форматирования. Способ их отображения будет определяться стилем страницы, в которую они вставляются. Просто щелкните в поле и печатайте!

Поля форматированного текста

В большинстве случаев для создания красивых страниц требуются опции форматирования. Wagtail предоставляет поля «форматированного текста», которые имеют опции форматирования, аналогичные тем, что есть в текстовых процессорах.

../../_images/screen11.1_streamfield_richtext.png

Эти поля представляют набор инструментов, позволяющих форматировать и стилизовать текст. Эти инструменты также позволяют вставлять ссылки, изображения, видеоклипы и ссылки на документы. Если вы хотите узнать больше об определённом инструменте, наведите курсор мыши на соответствующую кнопку, чтобы появилась подсказка:

../../_images/screen11.2_toolbar_tooltips.png

Эта подсказка показывает более подробное описание инструмента и отображает его сочетание клавиш, если оно есть. Если сочетание клавиш не начинается с CTRL или ⌘, это сочетание клавиш Markdown для прямого ввода в редакторе:

../../_images/screen11.3_keyboard_shortcuts_.gif

Вот и всё! Если вам нужна дополнительная информация о редакторе, ознакомьтесь с его отдельной инструкцией пользователя. Она также содержит список всех доступных сочетаний клавиш, а также некоторые хитрости и нюансы.

Добавление дополнительных блоков в StreamField

../../_images/screen11.8_adding_new_blocks.png

Чтобы добавить новые блоки, нажмите на значки «+» над или под существующими блоками.
Вам снова будут представлены различные блоки, из которых вы можете выбрать.
Вы можете отменить добавление нового блока, нажав на крестик в верхней части интерфейса выбора блока.
Вы можете дублировать блок (включая содержимое) с помощью кнопки в правом верхнем углу существующего блока.

Переупорядочивание и удаление контента в StreamField

../../_images/screen11.9_streamfield_reordering.png

Щёлкните стрелки справа от каждого блока, чтобы перемещать блоки вверх и вниз в порядке отображения контента в StreamField.
Блоки будут отображаться на фронте в том порядке, в котором они размещены в этом интерфейсе.
Нажмите на корзину в правом углу, чтобы удалить поле.

Предупреждение

После удаления поля StreamField его нельзя восстановить, если страница не была сохранена. Регулярно сохраняйте страницы, чтобы в случае случайного удаления поля вы могли перезагрузить страницу, чтобы отменить последнее изменение.