MODX - вставить изображение

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

рис 01

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

рис 02

Выпадет окно «параметры изображения».

рис 03

Жмем на иконку рядом с полем «Адрес». Снова всплывает окно:

рис 04

С левой стороны выпавшего окна отображаются папки, образующие файловую систему сайта. Если папки скрыты, необходимо кликнуть по треугольнику слева от вкладки «Файлы», дерево ресурсов раскроется.

Для вашего удобства создана папка, которая отображается в самом низу дерева документов. В ней хранятся ваши изображения, видео, прайсы и другие документы. Кликаем по этой папке:

рис 05

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

рис 06

рис 07

Для добавления документа в нашу папку необходимо кликнуть по иконке «Загрузить файлы». Ту же операцию можно осуществить, кликнув правой клавишей по выбранной папке. В выпадающем контектном выбираем пункт «Загрузить файлы».

рис 08

Находим изображение или файл на компьютере и выбираем его:

рис 09

Загружать можно сразу несколько файлов. Это могут быть фотографии, видеоматериалы, текстовые документы, pdf-документы.

рис 10

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

рис 011

Затем система возвращает нас к окну «Параметры изображения».

рис 12

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

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

рис 13

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

рис 14

Кликаем по вкладке «Стиль», в выпадающем списке стилей необходимый. В данном примере, pravo – изображение займёт положение справа, выберем levo и картинка переместиться влево с обтеканием текстом, выберем centr – изображение расположится по центру. Закончив работу с изображением, жмем кнопку «Сохранить».

рис 15

Аналогичным образом загружаются на сервер иные документы: прайс, текстовый документ, видео или другой файл.

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

рис 16

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

рис 17

Картинка вставлена, ссылка закреплена. Сохраняем документ и страничка опубликована.