Разработка макетов контента

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

Например, для типа контента Blog-Post могут потребоваться различные макеты контента в зависимости от того, как и где будет использоваться контент Blog-Bost. На домашней странице сайта может отображаться список элементов Blog-Post, но при нажатии на записи в блоге на главной странице на странице Сведения могут отображаться сведения об этой записи в блоге.

На домашней странице имеется список контента, настроенный на отображение элементов типа контента Blog-Post с использованием макета контента Blog-Post-Summary в виде представления элементов.

На странице "Сведения" используется макет контента Blog-Post-Header в заместителе контента для отображения изображения верхнего колонтитула и заголовка. Макет раздела с двумя столбцами включает два заместителя контента шириной 70 и 30 процентов с использованием макетов контента Blog-Post-Content и Blog-Post-Author. Как можно видеть, для визуализации одного типа контента используются четыре различных макета контента.

Макет контента можно создать одним из двух способов:

• В Oracle Content Management выберите Разработчик > Смотреть все компоненты > Создать > Создать макет контента.

• В проекте инструментария OCE используйте команду cec create-contentlayout.

Oracle Content Management создает макет контент по умолчанию для типа контента. Чтобы изменить макет контента по умолчанию, можно изменить следующие файлы:

• assets/layout.html

  Измените этот файл, чтобы изменить представление HTML.

• assets/design.css

  Измените этот файл, чтобы стилизовать макет контента.

• assets/render.js

  Измените этот файл, чтобы изменить данные, используемые в layout.html, или добавить динамическое поведение к макету контента.

Компоненты макета контента визуализируют элемент контента с сервера Oracle Content Management. Большая часть активов хранится на сервере Oracle Content Management. Иногда для создания стилей может потребоваться использовать статический актив, который доступен локально в самом макете контента, например фоновое изображение. Например, в приведенном ниже макете контента абсолютный URL-адрес файла images/background.jpg может быть создан в render.js и использован в layout.html.

Самый простой способ создания абсолютного URL-адреса — использовать встроенный файл requirejs. Определите "require" в зависимый ресурс и используйте require.toURL() для создания URL-адреса, как показано в следующем коде:

define([
    'require',
    'jquery',
    'mustache',
    'text!./layout.html',
    'css!./design.css'
], function (require, $, Mustache, templateHtml, css) {
    'use strict';

   var imageURL = req.toUrl('./images/background.jpg');

В последующих разделах описывается разработка макетов контента:

• Создание макетов контента с помощью Oracle Content Management

• Передача представления макета макету контента

• Создание URL-адреса страницы сведений о сайте с помощью API

• Локальная разработка макетов контента с помощью Developer Cloud Service

• Разворачивание макросов в запросах списков содержимого

• Разработка надежных макетов контента

• Создание примера шаблона блога

• Добавление сопоставлений макетов контента к шаблонам

• Тестирование макетов контента с помощью локальной тестовой оснастки

• Импорт шаблонов с макетами контента в Oracle Content Management