Desarrollo de diseños de contenido

Los diseños de contenido ayudan a los usuarios a ver los datos en elementos de contenido a través de componentes de lista de contenido o de marcador de posición de contenido que se utilizan en las páginas de sitios. Puede crear varios diseños de contenido para un tipo de contenido a fin de crear vistas diferentes o representar partes diferentes de un elemento de contenido.

Por ejemplo, un tipo de contenido de publicación de blog puede requerir diferentes formatos de contenido en función de cómo y dónde se vaya a utilizar el contenido de la publicación de blog. La página inicial del sitio puede mostrar una lista de elementos de publicación de blog, pero cuando se hace clic en una publicación de blog en la página inicial, es posible que la página Detalles muestre los detalles sobre esa publicación de blog.

La página inicial tiene una lista de contenido configurada para mostrar los elementos del tipo de contenido Blog-Post utilizando el diseño de contenido Blog-Post-Summary como una vista de elementos.

La página Detalles utiliza el diseño de contenido Blog-Post-Header de un marcador de posición de contenido para mostrar la imagen y el título de una cabecera. El diseño de sección en dos columnas incluye dos marcadores de posición, con anchuras del 70 y el 30 por ciento, utilizando los diseños de contenido Blog-Post-Content y Blog-Post-Author. Como puede ver, se utilizan cuatro diseños de contenido diferentes para visualizar el mismo tipo de contenido.

Puede crear un diseño de contenido de cualquiera de estas dos maneras:

  • En Oracle Content Management, seleccione Desarrollador > Ver todos los componentes > Crear > Crear diseño de contenido.

  • En un proyecto de OCE Toolkit, utilice el comando cec create-contentlayout.

Oracle Content Management crea un diseño de contenido por defecto para el tipo de contenido. Para modificar el diseño de contenido por defecto, puede editar los siguientes archivos:

  • assets/layout.html

    Edite este archivo para cambiar la vista HTML.

  • assets/design.css

    Edite este archivo para aplicar un estilo al diseño de contenido.

  • assets/render.js

    Edite este archivo para cambiar los datos que se utilizan en layout.html o para agregar un comportamiento dinámico al diseño de contenido.

Los componentes del diseño de contenido representan un elemento de contenido del servidor de Oracle Content Management. La mayoría de los activos se almacenan en el servidor de Oracle Content Management. En ocasiones, puede que desee utilizar un activo estático que esté disponible de forma local en el propio diseño de contenido, como una imagen de fondo, con fines de estilo. Por ejemplo, en el siguiente diseño de contenido, la URL absoluta images/background.jpg se puede generar en render.js y utilizar en layout.html.

La manera más sencilla de generar una URL absoluta es utilizar el archivo requirejs incorporado. Defina 'require' como la dependencia y utilice require.toURL() para generar la URL, como muestra el siguiente código:

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

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

En los siguientes temas se describe cómo desarrollar diseños de contenido:

Temas relacionados

Para obtener información sobre cómo gestionar diseños de contenido, consulte Gestión de diseños y componentes personalizados.

Para obtener información sobre el uso de activos digitales y otros elementos de contenido de un sitio, consulte Uso de activos y Gestión de activos digitales en Gestión de activos con Oracle Content Management.