Desenvolver Layouts de Conteúdo

Layouts de conteúdo ajudam os usuários a ver os dados em itens de conteúdo por meio dos componentes de lista ou espaço de conteúdo usados nas páginas dos sites. Você pode criar diversos layouts para um tipo de conteúdo para criar diferentes views ou representar diferentes partes de um item de conteúdo.

Por exemplo, um tipo de conteúdo Blog-Post pode exigir diferentes layouts de conteúdo, dependendo de como e onde o conteúdo Blog-Bost deve ser usado. A home page do site pode exibir uma lista de itens Blog-Post, mas quando um post de blog é clicado na home page, a página Detalhes pode mostrar detalhes sobre esse post de blog.

A Home page tem uma lista de conteúdo configurada para listar os itens do tipo de conteúdo Blog-Post, usando o layout de conteúdo Blog-Post-Summary como view do item.

A página Detalhes usa o layout de conteúdo Blog-Post-Header em um espaço de conteúdo para mostrar a imagem e o título de um cabeçalho. O layout de seção de duas colunas contém dois espaços de conteúdo, com larguras de 70 e 30 por cento, usando os layouts Blog-Post-Content e Blog-Post-Author. Como você pode ver, quatro diferentes layouts de conteúdo são usados para visualizar o mesmo tipo de conteúdo.

Você pode criar um layout de conteúdo de duas maneiras:

• No Oracle Content Management, escolha Desenvolvedor > Exibir todos os Componentes > Criar > Criar Layout de Conteúdo.

• Em um projeto do Kit de Ferramentas do OCE, use o comando cec create-contentlayout.

O Oracle Content Management cria um layout de conteúdo padrão para o tipo de conteúdo. Para modificar o layout de conteúdo padrão, você pode editar os seguintes arquivos:

• assets/layout.html

  Edite esse arquivo para alterar a view HTML.

• assets/design.css

  Edite esse arquivo para estilizar o layout de conteúdo.

• assets/render.js

  Edite esse arquivo para alterar os dados usados em layout.html ou para adicionar comportamento dinâmico ao layout de conteúdo.

Os componentes de layout de conteúdo renderizam um item de conteúdo do servidor do Oracle Content Management. A maioria dos ativos é armazenada no servidor do Oracle Content Management. Às vezes, você pode querer usar um ativo estático localmente disponível no próprio layout de conteúdo, como uma imagem de plano de fundo para finalidades de estilo. Por exemplo, no layout de conteúdo a seguir, o URL absoluto para images/background.jpg pode ser gerado em render.js e utilizado em layout.html.

A maneira mais simples de gerar um URL absoluto é usar o arquivo requirejs interno. Defina 'require' como dependência e use require.toURL() para gerar o URL, conforme o seguinte código mostra:

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

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

Os seguintes tópicos descrevem como desenvolver layouts de conteúdo:

• Criar Layouts de Conteúdo com o Oracle Content Management

• Transmitir uma View de Layout a um Layout de Conteúdo

• Gerar um URL da Página de Detalhes do Site com uma API

• Desenvolver Layouts de Conteúdo no Local com o Developer Cloud Service

• Expandir Macros nas Consultas à Lista de Conteúdo

• Desenvolver Layouts de Conteúdo Robustos

• Criar o Modelo de Blog de Amostra

• Adicionar Mapeamentos de Layout de Conteúdo aos Modelos

• Testar Layouts de Conteúdo com o Ambiente de Teste Local

• Importar Modelos com Layouts de Conteúdo no Oracle Content Management