1. Инструкция
  2. Сайт учреждения дополнительного образования

Требования к графическим материалам

Главный баннер

Размеры блока главного баннера: 1920px * 400px

Список баннеров

Баннеры отображаются по ширине колонки меню. Изображение адаптируется в зависимости от ширины экрана и установленного макета сайта. Ширина изображения должна быть не менее 850px.

Изображения списков

Изображение адаптируется в зависимости от ширины экрана и установленного макета сайта. Ширина картинки анонса должна быть не менее 850px, т.к. картинка анонса отображается на детальной странице элемента, если не загружено детальное изображение. 

Изображения на детальных страницах элементов

Изображение адаптируется в зависимости от ширины экрана и установленного макета сайта. Ширина детальной картинки должна быть не менее 850px.

Соотношение сторон изображений списка и детальных страниц элементов

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

Шаг 1. На панели администрирования нажать на кнопку Сайт.

Шаг 2. Перейти на вкладку Изображения.

Шаг 3. Установить нужное значение параметра Соотношение сторон.

Изображения сотрудников

Соотношение сторон изображения 1*1. Изображение адаптируется в зависимости от ширины экрана и установленного макета сайта. Ширина изображения должна быть не менее 850px.

Список сотрудников, режим отображения - карточки:

Список сотрудников, режим отображения - список:

Детальная страница сотрудника:

Баннер на детальной странице платной услуги

Размеры блока баннера услуги: 1920px * 350px

Встроенный редактор изображений

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

Для того, чтобы открыть редактор изображений, нужно нажать на карандаш:

Параметры редактора изображений:

  1. Придайте подходящий вид изображению, отображаемому в рабочей области 1. При этом:
    • Инструменты панели 3 используйте для поворота, отражения, обрезки изображения, а также при переводе изображения в черно-белый вид и добавлении подписи.

      При выполнении обрезки отображается специальная панель управления. Так, кнопка  позволяет очистить выделенную область, предназначенную для обрезки. Кнопка  служит непосредственно для обрезки изображения согласно выбранной области, а кнопка  определяет сохранять ли соотношение сторон при выборе обрезаемой области. Инструмент загрузки и обработки изображений доступен с версии 15.5.1. Его можно использовать для картинок анонса, детальных картинок элемента, для фотографий, загружаемых в свойство типа Файл (напр., Дополнительные фотографии) и для изображений раздела.

    • Сохраняйте настройки выполняемой вами обрезки по кнопке 5, чтобы применять их в дальнейшем.
    • Обрезайте изображение по вашим настройкам: в панели 4 выберите пресет и нажмите кнопку . В рабочей области 1 сразу отобразится рамка обрезки нужного размера. Старые пресеты редактируйте по кнопке  панели 4.
    • Изменяйте размеры изображения в абсолютном 6 или процентом соотношении 7.
    • Не бойтесь ошибиться. Любое действие отменяется по кнопке 8.
    Если вы загрузили несколько изображений в область, то не закрывайте редактор. Переключайтесь между обрабатываемыми изображениями с помощью панели 2.
  2. Сохраните выполненные настройки.