Управление контентом в DC CMS

В этой статье вы узнаете о том, как создавать, изменять и публиковать контент на вашем сайте при помощи CMS Studio.

Общая информация Copy-icon

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

Преимущества CMS Studio:

  • CMS Studio представляет собой веб-приложение. Его не нужно устанавливать – оно доступно в интернете.
  • Это многопользовательская система, позволяющая управлять любым количеством проектов.
  • CMS Studio обеспечивает безопасную среду для внесения и предварительного просмотра изменений в контенте.
  • Все изменения сохраняются по версиям и подвергаются аудиту.
  • Когда контент готов, его можно отправить на утверждение перед финальной публикацией в live окружении (продакшене).
  • Публикация контента может происходить сразу же или по расписанию.
  • CMS Engine – это высокопроизводительный механизм доставки контента. Он предоставляет высоко персонализированный контент в формате HTML и другие разметочные языки, а также API для работы с контентом.
  • CMS Engine поддерживает множество каналов и может использоваться в различных проектах, включая адаптивный дизайн, мобильные приложения, SPA-приложения и многое другое.

Основные экраны Copy-icon

В этом разделе будут рассмотрены основные экраны, с которыми авторы контента могут столкнуться при работе в CMS Studio, и алгоритм работы с ними.

Вход в систему Copy-icon

Для входа в CMS Studio:

  1. Введите следующий URL в вашем веб-браузере: http://SERVERNAMEHERE:PORT/studio
  2. Введите ваше имя пользователя и пароль.
  3. Нажмите Войти.
Изображение статьи

Вы можете изменить язык интерфейса CMS Studio, нажав на Язык на экране входа в систему.

Роли

После входа в систему вам будет присвоена одна из следующих ролей, в зависимости от того, какие права доступа были настроены системным администратором для вашей учетной записи:

  • автор контента (author): может создавать, редактировать и отправлять контент на утверждение в рамках проекта
  • издатель (публицист) контента (publisher): может создавать, редактировать, отправлять на утверждение и утверждать контент на проекте
  • рецензент контента (reviewer): может утверждать или отклонять контент на проекте

Существуют три дополнительные роли, которые не описываются в данной статье:

  • администратор проекта (admin)
  • разработчик (developer)
  • системный администратор (system_admin)

Узнать подробнее о ролях, используемых в DC CMS, можно здесь.

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

Проекты Copy-icon

После входа в CMS Studio вы попадете на экран Проекты, где отображаются все проекты, к которым у вас есть доступ.

Проекты можно просматривать в виде списка или сетки. Для переключения между видами кликните на значок Изменить представление в правом верхнем углу экрана.

Изображение статьи

Чтобы перейти в один из проектов, кликните на его миниатюру.

Изображение статьи

Предпросмотр

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

На экране отображается:

  1. боковая панель слева
  2. верхняя панель инструментов
  3. рабочая область проекта
  4. боковая панель инструментов справа (отображается только в режиме редактирования и перемещения)
Изображение статьи

Подробнее об элементах можно узнать ниже.

Боковая панель слева

Боковая панель отображается в левой части экрана и состоит из следующих элементов:

  • Дашборд - обзор рабочего процесса на данном проекте (подробнее о дашбордах можно узнать ниже)
  • Страницы - список всех страниц в рамках текущего проекта
  • Компоненты - список всех компонентов, используемых на текущем проекте
  • Классификация - список всех справочников, которые созданы в рамках проекта
  • Статика - список всех медиа-файлов проекта
  • Шаблоны - список всех шаблонов, которые используются в рамках проекта
  • Скрипты - Groovy скрипты для подключения интеграций и более гибкой работы с данными/REST API
  • Инструменты сайта - администрирование проекта (например, управление плагинами, шифрование и др.).

Раздел “Инструменты сайта” в боковой панели отображается только тем пользователям, у которых есть право доступа к управлению настройками проекта.

Отображением панели в свернутом/развернутом виде можно управлять при помощи кнопки, расположенной в левом верхнем углу экрана рядом с лого.

Изображение статьи

Панель инструментов

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

На панели инструментов отображаются:

  • Кнопка переключения режима отображения боковой панели: вы можете свернуть или развернуть боковую панель слева, кликнув по кнопке
  • Лого: по клику происходит переход на главную страницу со списком доступных для вас проектов
  • Название проекта и список проектов: отображает название текущего проекта и позволяет переключаться между проектами через выпадающее меню
  • Кнопка создания нового контента: позволяет быстро создавать контент, не обращаясь к дереву навигации в боковой панели слева
  • Стрелки навигации по страницам: позволяет перемещаться вперед/назад по страницам текущего проекта
  • Кнопка обновления страницы: обновление отображения страницы после внесения каких-либо изменений
  • Адресная строка: включает в себя адрес/название текущей страницы и выпадающий список со всеми страницами на проекте
  • Опции: кнопка перехода к меню дополнительных опций, доступных для текущей страницы. Содержание меню меняется в зависимости от текущего вида страницы и роли пользователя.
  • Пользовательский вид: просмотр контента в том виде, в котором он будет отображен пользователю
  • Отключение редактирование: для просмотра контента без возможности его редактирования
  • Режим редактирования: включение возможности вносить изменения в содержимое страницы
  • Режим перемещения: активирует возможность перемещать компоненты страницы в доступные для них слоты
  • Статус публикации: отображает текущий статус публикации проекта.
  • Поиск: поиск среди содержимого проекта (страницы, компоненты и др.)
  • Меню навигации: переход к доступным для вас проектам, а также к глобальным и проектным опциям
Изображение статьи

Боковая панель инструментов в режиме редактирования/перемещения

В режиме редактирования или перемещения в правой части экрана отображается панель с дополнительными инструментами для работы с контентом (Experince Builder):

  • Режим заполнения: добавляет отступы к элементам на странице для более удобного взаимодействия в режиме редактирования.
  • Поиск: поиск компонентов и активов на проекте, которые затем могут быть добавлены на страницу, если на ней есть слоты, подходящие для такого типа контента.
  • Добавить компоненты: вы можете добавлять на страницу новые компоненты, перетаскивая их из списка в специально отведенные для них слоты на экране. После перетаскивания появится новый компонент с настройками по умолчанию, готовый для редактирования.
  • Просмотреть компоненты: позволяет вам искать и находить компоненты, относящиеся к определенному типу контента, которые можно добавить на редактируемую страницу через drag&drop, если на странице есть подходящие слоты. Если же вы перетащили компонент на страницу, а на ней не оказалось подходящего слота, то внизу экрана отобразится соответствующее сообщение.
  • Цели перетаскивания компонентов: вы можете просмотреть наличие на странице слотов, подходящих для выбранного вами типа контента.
  • Активы: поиск и просмотр активов в рамках проекта (например, изображения или видео) и добавление их в подходящие слоты на странице через drag&drop.
  • Таргетинг: позволяет просматривать и устанавливать атрибуты таргетинга для проекта.
  • Проводник страниц: используется для просмотра и перемещения по содержимому проекта (страницам, компонентам и т.д). Вы также можете внести изменения в контент по клику на три точки, которые появляются при наведении курсора мыши на нужный элемент.
  • Симулятор устройства: имитирует отображение страницы на разных устройствах (например, на телефоне или планшете).
  • Настройки: позволяет включать/выключать режим редактирования и настраивать выделение слотов, подходящих для добавления элементов на страницу
Изображение статьи

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

Дашборд проекта Copy-icon

У каждого проекта есть дашборд, перейти к которому можно, нажав на Дашборд в боковой панели слева или кликнув на значок меню навигации в верхнем правом углу экрана > Дашборд в блоке Проект.

На каждом дашборде отображаются виджеты, точный набор которых зависит от вашей роли на проекте:

  • Ожидают утверждения:
    • Показывает элементы, находящиеся в процессе ожидания утверждения на публикацию
    • Виден только администраторам и издателям
  • Одобрено и запланировано:
    • Показывает элементы, утвержденные на публикацию в определенную дату
    • Виден только администраторам и издателям
  • Недавно опубликовано:
    • Показывает контент, который был недавно опубликован
    • Виден только администраторам и издателям
  • Мои последние действия:
    • Показывает элементы, недавно измененные текущим пользователем
    • Виден всем пользователям
Изображение статьи

В виджете вы можете:

  • свернуть/развернуть содержимое
  • настроить количество отображаемых в виджете элементов
  • отфильтровать содержимое по типу контента
  • обновить содержимое

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

Изображение статьи

Управление аккаунтом Copy-icon

На экране Учетная запись вы можете изменить персональные настройки, например, язык или пароль.

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

Изображение статьи

На странице "Учетная запись" вы можете:

  • в блоке Изменить язык изменить язык интерфейса DC CMS
  • в блоке Изменить пароль изменить пароль для входа в систему
Изображение статьи

Работа с контентом Copy-icon

В этом разделе описываются основные действия, доступные контент-менеджеру при работе со страницей в CMS Studio:

Подробнее о каждом из действий вы можете узнать ниже.

Создание страницы Copy-icon

В CMS Studio для новых страниц используются шаблоны, которые предварительно создаются разработчиками для дальнейшего их использования авторами контента.

Создать новую страницу можно несколькими способами:

Создание страницы через боковую панель Copy-icon

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

Изображение статьи

2. В появившемся окне выберите шаблон страницы, которую вы хотите добавить (например, Article). Если вам нужен шаблон, которого нет в списке, или вы хотите изменить имеющийся шаблон, попросите разработчика добавить/отредактировать нужный вам шаблон.

Изображение статьи

3. В появившейся форме заполните обязательные поля, которые помечены красным крестиком.

Изображение статьи

4. В правом нижнем углу окна выберите действие, которое нужно выполнить со страницей:

  • Сохранить черновик - сохранит данные, введенные в форму, и оставит открытым окно редактирования
  • Сохранить и закрыть - сохранит данные, введенные в форму, и закроет окно
  • Сохранить и свернуть - сохранит данные, введенные в форму, и свернет окно
Изображение статьи

Создание страницы через меню быстрого создания контента Copy-icon

1. В левом верхнем углу страницы рядом с названием текущего проекта нажмите на + > Новый контент.

Изображение статьи

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

Изображение статьи

3. В появившейся форме заполните обязательные поля, которые помечены красным крестиком.

Изображение статьи

4. В правом нижнем углу окна выберите действие, которое нужно выполнить со страницей:

  • Сохранить черновик - сохранит данные, введенные в форму, и оставит открытым окно редактирования
  • Сохранить и закрыть - сохранит данные, введенные в форму, и закроет окно
  • Сохранить и свернуть - сохранит данные, введенные в форму, и свернет окно
Изображение статьи

Редактирование страницы

В CMS Studio вы можете перейти к редактированию статьи несколькими способами:

Переход к редактированию через адресную строку

1. При помощи адресной строки, которая находится на панели инструментов вверху экрана, найдите нужную страницу.

Изображение статьи

2. Перейдите в режим редактирования и внесите изменения.

Изображение статьи

Переход к редактированию через боковую панель Copy-icon

Первый способ

1. В боковой панели, которая находится в левой части экрана, перейдите в Страницы и выберите ту страницу, которую нужно отредактировать.

Изображение статьи

2. Перейдите в режим редактирования и внесите изменения.

Изображение статьи

Второй способ

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

Изображение статьи

Режим редактирования Copy-icon

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

Изображение статьи

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

Изображение статьи

При редактировании текстового элемента, отображается текстовый редактор.

Изображение статьи

Для отключения режима редактирования нажмите на иконку Отключить редактирование.

Изображение статьи

Режим перемещения

В режим перемещения вы можете перетаскивать компоненты страницы из одного места в другое.

Чтобы переместить элемент:

1. Включите режим перемещения.

Изображение статьи

2. Наведите указатель мыши на нужный элемент, пока вокруг него не появится синяя рамка.

3. Нажмите и удерживайте кнопку мыши на элементе, а затем перетащите его в желаемое место. Допустимые для размещения места будут отмечены красной линией.

Чтобы удалить объект, перетащите его в корзину, которая отображается в правой части экрана.

Изображение статьи

История страницы Copy-icon

В CMS Studio вы можете отслеживать все изменения, которые происходили в рамках страницы. Вы также можете просмотреть, сравнить и восстановить все изменения или версии страницы до более раннего состояния.

Перейти к истории страницы можно несколькими способами:

Переход к истории страницы через адресную строку Copy-icon

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

2. Нажмите на 3 точки рядом с адресной строкой, которая расположена на панели инструментов в верхней части экрана, и выберите История.

Переход к истории страницы через боковую панель Copy-icon

1. Найдите нужную страницу через дерево навигации в разделе Страницы в боковой панели слева, нажмите на 3 точки рядом с названием страницы и выберите История.

Изображение статьи

В появившемся окне История элемента отображаются все версии выбранной страницы, рядом с каждой из которых располагаются 3 точки, по клику на которые вы можете:

  • просмотреть подробную информацию о версии страницы (например, дата создания, последние изменения в содержимом и т.д.)
  • сравнить несколько выбранных версий друг с другом
  • сравнить текущую версию страницы с одной из предыдущих
  • восстановить одну из версий страницы
Изображение статьи

Копирование и вставка страницы Copy-icon

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

Изображение статьи

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

Изображение статьи

Удаление страницы Copy-icon

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

Изображение статьи

2. В появившемся диалоговом окне установите галочку в чекбоксе Я понимаю, что удаленные элементы будут опубликованы немедленно и нажмите на Удалить.

Изображение статьи

Управление медиа-файлами Copy-icon

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

Путь к активам проекта Copy-icon

Чтобы загрузить в CMS Studio файл (изображение, видео, др.), в боковой панели, расположенной в левой части экрана, перейдите в Статика, а затем нажмите на папку static-assets. После этого вам отобразятся папки с уже хранящимися на проекте активами (шрифты, изображения и т.д.).

Загрузка актива Copy-icon

Загрузить новый актив можно несколькими способами:

  • через боковую панель
  • через режим редактирования

Подробнее о каждом из способов можно узнать ниже.

Загрузка актива через боковую панель

1. В боковой панели, расположенной в левой части экрана, перейдите в Статика, а затем нажмите на папку static-assets. После этого вам отобразятся папки с уже хранящимися на проекте активами (шрифты, изображения и т.д.). Найдите в списке папок ту, в которую вы хотите загрузить новый актив, затем нажмите на 3 точки рядом с названием папки и выберите Загрузить.

Изображение статьи

2. Перетащите через drag&grop файл для загрузки или укажите путь к файлу или папке с файлами через проводник.

Изображение статьи

3. Нажмите на крестик, чтобы закрыть диалоговое окно загрузки, или нажмите Добавить еще, если вы хотите добавить еще один файл.

Изображение статьи

Загрузка актива через режим редактирования

1. Перейдите в режим редактирования страницы, наведите курсор в виде карандаша на компонент типа “Image“ и выберите Edit.

Изображение статьи

2. В появившемся окне под миниатюрой изображения нажмите на Заменить, а затем на Загрузить.

Изображение статьи

3. Кликните на Выберите файл и укажите путь к файлу через проводник.

Изображение статьи

4. Сохраните изменения.

Удаление актива Copy-icon

1. В боковой панели слева перейдите в раздел Статика > папка static-assets, найдите нужный файл, нажмите на 3 точки рядом с ним и выберите Удалить.

Изображение статьи

2. Поставьте галочку в чекбоксе Я понимаю, что удаленные элементы будут опубликованы немедленно и нажмите на Удалить.

Изображение статьи

История активов Copy-icon

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

Для этого в боковой панели слева перейдите в раздел Статика > папка static-assets, найдите нужный файл, нажмите на 3 точки рядом с ним и выберите История.

Изображение статьи

В появившемся окне вам отобразится список версий актива, в котором вы можете:

  • просмотреть каждую версию актива
  • вернуться к одной из предыдущих версий актива

Поиск контента Copy-icon

В CMS Studio вы можете осуществлять поиск нужного вам контента несколькими способами:

  • нажмите на иконку навигационного меню в правом верхнем углу экрана, а затем кликните на Поиск в разделе Проект
Изображение статьи
  • нажмите на иконку поиска (Лупа) в правом верхнем углу экрана
Изображение статьи

Поиск объектов происходит по ключевым словам.

При помощи фильтров, расположенных в левой части окна, вы можете отсортировать результаты поиска по:

  • актуальности
  • имени
  • пути
  • MIME-типу
  • размеру содержимого
  • дате редактирования
  • ширине
  • типу контента
  • высоте

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

Изображение статьи

Публикация контента Copy-icon

К основным этапам создания и публикации контента относятся:

  • создание и редактирование контента
  • отправка контента на утверждение рецензентом
  • утверждение или отклонение контента рецензентом
  • публикация контента в live-окружении

Подробнее о каждом этапе можно узнать ниже.

Отправка контента на утверждение Copy-icon

Отправить созданный и/или отредактированный вами контент на утверждение, можно несколькими способами:

  • через адресную строку
  • через боковую панель
  • через дашборд

Отправка контента на утверждение через боковую панель

В режиме предпросмотра статьи кликните на 3 точки, расположенные рядом с адресной строкой на панели инструментов вверху экрана, и выберите Опубликовать.

Изображение статьи

Отправка контента на утверждение через боковую панель

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

Изображение статьи

Отправка контента на утверждение через дашборд

В боковой панели слева перейдите в раздел Дашборд > виджет Мои последний действия, кликните на 3 точки рядом с нужным объектом и выберите Опубликовать.

Изображение статьи

После этого отобразится окно, где вы можете:

  • запросить подтверждение от рецензента и попросить отправить вам отзыв на вашу публикацию по электронной почте
  • выбрать время публикации контента: сразу же или в указанный вами день и время
  • оставить комментарий к отправке публикации на рассмотрение
Изображение статьи

Утверждение и публикация контента Copy-icon

После отправки контента на рассмотрение рецензенту проекта приходит электронное письмо с просьбой утвердить или отклонить публикацию.

Утвердить контент можно несколькими способами:

  • через дашборд
  • через боковую панель
  • через адресную строку

Утверждение и публикация контента через дашборд

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

Изображение статьи

Утверждение и публикация контента через боковую панель

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

Изображение статьи

Утверждение и публикация контента через адресную строку

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

Изображение статьи

После этого отобразится окно, где вы можете:

  • настроить время публикации контента: сразу же или в указанный вами день и время
  • оставить комментарий к отправке публикации
Изображение статьи

Отклонение публикации Copy-icon

Отклонить публикацию контента можно несколькими способами:

  • через дашборд
  • через боковую панель
  • через адресную строку

Отклонение публикации через дашборд

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

Изображение статьи

Отклонение публикации через боковую панель

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

Отклонение публикации через адресную строку

В режиме предпросмотра статьи кликните на 3 точки, расположенные рядом с адресной строкой на панели инструментов вверху экрана, и выберите Отклонить.


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

Изображение статьи

После отклонения публикации автору контента придет электронное письмо с уведомлением.

Таргетинг контента Copy-icon

При помощи таргетинга авторы контента могут:

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

Настройка таргетинга страницы Copy-icon

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

Изображение статьи

2. В открывшейся форме в разделе Metadata в категории Сегменты отметьте те группы пользователей, на которых нацелен контент.

Изображение статьи

3. Сохраните изменения, кликнув на Сохранить и закрыть внизу формы.

Просмотр таргетированного контента Copy-icon

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

  • в поле Сегмент укажите группу пользователей
  • в поле Имя укажите конкретного пользователя
Изображение статьи