16.03.2014

Diafan.CMS - как добавить изображения

Картинки в diafan.CMS вставляются следующим  образом

Кнопка Вставить изображение

1. Ставите курсор в том месте, где будет ваша картинка. Нажимаете на вторую слева картинку вставки изображения (можно и левую - картинки будут всплывающими в отдельном окне, но там свои тонкости, обучение начинайте как делаем мы)


Кнопка папки с картинками

2. Во всплывшем окне добавления нажмите на кнопку открытия папки с изображениями.


Папка с изображениями

3. В открывшемся окне выберите папку "Изображения".


Создать новую папку

4. Для каждого модуля (или даже для каждой категории, допустим, модуля "Статьи") рекомендуется создать отдельные папки для изображений. Иначе, если у вас будет много десятков статей, сложно найти нужное изображение.
Общее правило - названия папок должны быть латинскими (английскими) буквами в нижнем регистре!
5. Создав папку, и находясь в ней, нажимаете опцию "Загрузить файлы".


Загрузить файл изображения

6. Видите окошко "Обзор..", который позволяет загрузить файлы изображений с диска вашего компьютера.


Файл изображения загружен

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


Список изображений

8. Теперь видим в нашей новой папке загруженное изображение. Чтобы вставить в текст статьи, нужно щелкнуть мышью (двойной клик).


Описание и заголовок картинки

9. Во всплывшем окне параметров изображения нам нужно вписать Описание и Заголовок. Если это не сделать, то они автоматически заполнятся название файла фото в виде buket-chvetov.jpg, что не очень красиво. А если заполните описание и заголовок, и если посетитель наводит мышь на картинку, увидит вписанную фразу. Это также хорошо для продвижения в поисковых системах.
Переключаемся на вкладку "Положение".


Настраиваем положение картинки

10. Теперь нам нужно настроить положение картинки. Если ваш сайт создала наша веб-студия, то вам всего лишь нужно задать:
- ширину картинки (высоту не изменяйте)
- выравнивание (влево, вправо или по середине)
Больше ничего не надо.
Внимание! Достаточно вписать значение ширины картинки, а высота установится сама, если не снимали флажок "Сохранять пропорции".
Если все сделали, с радостью жмем на кнопку "Вставить"


Вид картинки в окне редактора

11. Вот, ваша картинка появилась в тексте статьи. И теперь, если сохранить статью, то увидим картинку в самой статье в публичной части сайта:

Картинка в статье

Возврат к списку


Валерий Костенко
Многие начинающие веб-мастера не знают как добавить изображения. На самом деле это очень просто, почитайте справку и сами убедитесь. ;)
ВКонтакт Facebook Одноклассники Twitter Яндекс Livejournal Liveinternet Mail.Ru