Как добавить фотографию (картинку)?

Добавить фотографии к своим сообщениям можно двумя способами:

Способ №1 (простой) - воспользоваться специальной формой при создании записи (как создавать записи в блоге). Форма находится сразу после полей "Заголовок", "Теги", "Заголовок страницы", "Содержимое" и выглядит так:
Так выглядит форма

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

Последовательность действий:

  • нажать кнопку "Обзор...", выбрать картинку для загрузки;
  • нажать кнопку "Загрузить" и дождаться загрузки изображения;
  • после успешной загрузки, заполнить поле "Название" - текст из этого поля будет отображаться сверху изображения;
  • для добавления следующей картинки нажать кнопку "Добавить еще";

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

Способ №2 - загружать и вставлять изображения как в блог так и в свои комментарии можно при помощи специальной кнопки на панели инструментов Вставить изображение. Данный способ требует больше сил и времени, но эти затраты с лихвой компенсируются теми возможностями, которые он перед вами открывает.

При нажатии на кнопку "Вставить изображение" появляется специальная форма:
Форма для вставки изображения

Внимание! Прежде чем нажать на данную кнопку, поместите курсор в то место текста, куда планируется вставка изображения.

Если ваша картинка уже загружена на неком внешнем сайте (фотохостинге) и этот сайт разрешает отображение картинок на сторонних ресурсах, вы можете самостоятельно вставить в поле "Адрес изображения" полный URL-адрес вашей картинки. Адрес должен начинаться с http и заканчиваться расширением изображения .png, .jpg или .gif. Не забудьте также указать ширину и высоту картинки, альтернативный текст (текст, который увидит читатель с отключенными картинками) и способ её выравнивания в тексте.

Если вы хотите загрузить новую или использовать загруженную ранее картинку, нажмите на кнопку "Обзор" (справа от поля "Адрес изображения"). В новом окне откроется мини-обозреватель, с помощью которого вы сможете загружать, редактировать и удалять изображения:
мини-обозреватель
Слева отображен список доступных вам папок, активная директория выделена жирным шрифтом. Каждый пользователь нашего сайта имеет уникальный идентификатор (номер) - папка с этим номером является корневой папкой для файлов пользователя. Фотографии, загружаемые на сайт первым упрощённым способом, автоматически помещаются в папки, название которых формируется в зависимости от даты загрузки (<год>/<месяц>). Доступ к файлам в этих директориях разрешен только для чтения, файлы можно вставлять в свои записи без редактирования.

Загружать файлы и фотографий, редактировать их и удалять разрешено в папке "store". Находясь в этой папке, используйте соответствующие кнопки вверху обозревателя:

  • кнопку "Загрузить" - для загрузки файлов и картинок. Непосредственно в процессе загрузки вы можете автоматически создать необходимые вам уменьшенные копии фотографий, отметив соответствующие чек-боксы с размерами.
  • кнопку "Миниатюры" - для создания уменьшенных копий выбранных изображений. За один раз можно обрабатывать до 10 фотографий. Выделить несколько фотографий можно при помощи клавиш Shift и Ctrl.
  • кнопку "Удалить" - для удаления выбранных файлов.
  • кнопку "Изменить размеры" - для ручного изменения размеров выбранных фотографии (с сохранением пропорций).
  • кнопку "Вставить в сообщение" - для вставки выбранной фотографии в блог или комментарий.

После нажатия кнопки "Вставить в сообщение", окно мини-обозревателя закроется, поля формы вставки изображения автоматически заполнятся. Вам останется корректно заполнить поле "Альтернативный текст", определить способ выравнивания изображения в тексте и нажать кнопку "Вставить". В том месте, где находился курсор, появится HTML-код вашей картинки. Для ручного изменения кода необходимо обладать базовыми знаниями о HTML-тегах т.к. любая опечатка в синтаксисе может привести к ошибке. Вы можете также удалить этот код как обычный текст и попробовать вставить изображение еще раз, используя описанный функционал выше.

На данный момент существует три способа выравнивания (позиционирования) изображения в тексте:

  • влево - изображение будет "прижато" влево, текст, идущий после изображения, будет "обтекать" картинку справа;
  • вправо - изображение будет "прижато" вправо, текст, идущий после изображения, будет "обтекать" картинку слева;
  • без выравнивания.