• Вставка изображения

Дизайн-Студия Свой Сайт

Как вставить изображение на сайт MODX Revolution


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

Для того чтобы вставить картинку на сайт MODX Revolution, следует открыть необходимую страничку для редактирования.

modx изображения

Ставим курсор слева от абзаца, где должно быть изображение.

рисунок на сайт

Появится окно.

добавить файл

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

фото на сайт

В левой части окна видим папки, образующие файловую систему сайта на MODX Revolutio. Если папок не видно, следует кликнуть по треугольнику слева от вкладки «Файлы», дерево файлов раскроется.

Мастера, занимающиеся созданием сайта, для вашего удобства создали папку в самом низу, в данном случае она носит название «z-info». В ней будут храниться ваши изображения, прайсы, необходимые для скачивания документы. Нажимает на эту папку:

файловая система

Треугольник пропадает, что свидетельствует о том, что папка открыта. Поскольку она пустая, правое широкое поле тоже пустое.

изо

изо-2

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

выбрать файл

Выбираем файл с компьютера и кликаем по нужному:

добавить фото

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

загрузка на сайт

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

выбрать изображеие

После этого, снова возвращаемся к первоначальному окну.

фото

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

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

modx revo

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

описание

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

сайт

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

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

ссылка в modx revo

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

сохранение документа modx

Ссылка закрепляется. Остается только сохранить документ, и ваша страница с изображениями и ссылками опубликована.

Отправить сообщение