...

Более подробно рассмотрим доступные операции в визуальном редакторе.

...

Изображение

Изображение (картинку, фотографию) можно добавить двумя различными способами:

...

Теперь можно сохранить изображение, нажав «Insert»:

Добавить с компьютера

Переходим в визуальный редактор в админке и ставим курсор мышки на новую строку (кнопка Enter):

Image Added

Кликаем мышкой по иконке с деревом:

Image Added

Откроется форма для вставки изображения:

Image Added

Нажимаем кнопку «Browse» справа от поля «Image URL»:

Image Added

В открывшемся окошке жмем «Upload»:

Image Added

Нажимаем кнопку «Выберите файл», выбираем картинку на Вашем компьютере и Нажимаем «Upload».
После загрузки изображения закрываем окно через «Close»

Image Added

Открывается окно, в котором можно увидеть весь список файлов, доступных для вставки. По названию находим нужный/нужные и выделяем его галочкой. После этого нажимаем «Select»:

Image Added

Картинка появилась в окошке «Preview»:

Image Added

Теперь можно сохранить изображение, нажав «Insert»:

Image Added

Редактировать изображение

Выравнивание

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

Выравнивание	Название в меню	Пример
Без выравнивания	Not set	Image Added
По базовой линии	Baseline	Image Added
По верхней линии	Top	Image Added
По центру изображения	Middle	Image Added
По низу изображения	Bottom	Image Added
По верху текста	Text top	Image Added
По низу текста	Text bottom	Image Added
Изображение слева от текста	Left	Image Added
Изображение справа от текста	Right	Image Added

Рекомендуем изображения, которые необходимо вставить в текст с обтеканием (как на примерах) выравнивать «Слева от текста» (в таблице выделено зеленым цветом). Такое расположение изображения оптимально для восприятия. 

После внесения изменений необходимо сохранение: нажимаем кнопку «Insert» (если добавляем изображение):

Image Added

 Или «Update» (если редактируем изображение):

Image Added

Если необходимо выровнять изображение без обтекания текстом, то выравниваем его как обычный текст.

Image Added

В визуальном редакторе кликаем мышкой на изображение, чтобы вокруг него появилась рамочка с квадратиками по углам:

Image Added

Затем кликаем по иконке «Выравнивание по центру»:

Image Added

После этого нажимаем кнопку «Сохранить» под визуальным редактором, чтобы обновления появились на сайте:

Image Added

Размер

Отступы

Стили

Поисковая оптимизация

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

После внесения изменений необходимо сохранение: нажимаем кнопку «Insert» (если добавляем изображение):

Image Added

 Или «Update» (если редактируем изображение):

Image Added