Вставка изображений на страницу

Очевидно, что в многих случаях вам потребуется добавить изображения на страницу. Существует два основных способа добавления изображений на страницы: с помощью специального поля выбора изображения или с помощью кнопки изображения в поле с богатым текстом. Какой из этих способов использовать, зависит от конкретной настройки вашего сайта.

Вставка изображений с помощью поля выбора изображения

Часто для основного изображения на странице или изображения, используемого при публикации страницы в социальных сетях, используется специальное поле для изображений. Для стандартной страницы на Torchbox.com используется первый вариант.

Вы вставляете изображение, нажав кнопку Выбрать изображение.

Выбор изображения для вставки

При выборе изображения для вставки у вас есть два варианта:

Выбрать изображение из существующей библиотеки изображений или…
Загрузить новое изображение в систему управления контентом

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

Выбор изображения из библиотеки изображений

Ниже показано, как найти и вставить изображение, которое уже есть в библиотеке изображений системы управления контентом.

Ввод текста в поле поиска автоматически отобразит результаты ниже.
Нажатие на один из популярных тегов отфильтрует результаты поиска по этому тегу.
Нажатие на изображение переведет вас в окно выбора формата (см. изображение ниже).

Загрузка нового изображения в систему управления контентом

Вы должны указать заголовок изображения для загружаемого изображения.
Нажмите кнопку Выбрать файл, чтобы выбрать изображение с вашего компьютера.
Теги позволяют связать теги с загружаемым изображением. Это позволяет более легко находить их при поиске. Каждый тег должен быть разделен пробелом. Для создания тегов из нескольких слов рекомендуется использовать символ подчёркивания между словами (например, western_yellow_wagtail).
Нажмите Загрузить, чтобы вставить загруженное изображение в карусель. Изображение также будет добавлено в основную библиотеку изображений системы управления контентом для повторного использования в других материалах.

Вставка изображений с помощью поля с богатым текстом

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

Кроме того, Wagtail позволяет выбрать формат вашего изображения.

Вы можете выбрать способ отображения изображения, выбрав один из вариантов формата.
Вы можете выбрать, является ли изображение декоративным, в этом случае вам не нужно вводить текст альтернативного описания для изображения.
Если вы не выбираете для изображения формат «декоративное», вы должны указать конкретный альтернативный текст для вашего изображения.

Доступные варианты форматов описаны ниже:

Полная ширина: Изображение будет вставлено по всей ширине области текста.
Половина ширины, выравнивание слева/справа: Вставляет изображение на половину ширины области текста. При вставке в блок текста текст будет обтекать изображение. Если вставить два изображения с половинной шириной вместе, они будут отображаться рядом.

Примечание

Отображение изображений в этом формате зависит от вашей реализации Wagtail, поэтому вы можете получить немного разные результаты.