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

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

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

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

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

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

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

1. Выбор изображения из существующей библиотеки изображений или…
2. Загрузка нового изображения в CMS

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

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

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

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

Загрузка нового изображения в CMS

1. Вы должны указать заголовок для загружаемого изображения.
2. Нажмите кнопку Выбрать файл, чтобы выбрать изображение с вашего компьютера.
3. В разделе Теги вы можете назначить теги загружаемому изображению. Это позволит легче находить его при поиске. Каждый тег должен быть разделен пробелом. Хорошей практикой для создания тегов из нескольких слов является использование подчеркивания между словами (например, западный_желтый_дуплорой).
4. Нажмите Загрузить, чтобы вставить загруженное изображение в карусель. Изображение также будет добавлено в основную библиотеку изображений CMS для повторного использования в других материалах.

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

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

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

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

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

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