Vývoj rozvržení obsahu

Rozvržení obsahu pomáhají uživatelům zobrazovat data v položkách obsahu prostřednictvím seznamu obsahu nebo komponent zástupců obsahu používaných na stránkách webů. Pro typ obsahu můžete definovat více rozvržení obsahu, a vytvořit tak různá zobrazení nebo představit různé části položky obsahu.

Například typ obsahu Blogový příspěvek může mít různá rozložení obsahu v závislosti na tom, kde a jakým způsobem je příspěvek používán. Domovská stránka může zobrazovat seznam blogových příspěvků, ale když kliknete na blogový příspěvek na domovské stránce, zobrazí se stránka Podrobnosti s podrobnými informacemi o tomto blogovém příspěvku.

Na domovské stránce se nachází seznam obsahu konfigurovaný tak, aby obsahoval položky s typem obsahu Blog-Post, používající rozvržení obsahu Blog-Post-Summary jako zobrazení položek.

Stránka Podrobnosti používá rozvržení obsahu Blog-Post-Header v zástupci obsahu k zobrazení obrázku záhlaví a nadpisu. Rozvržení sekce se dvěma sloupci zahrnuje dva zástupce obsahu s šířkami 70 a 30 procent, používající rozvržení obsahu Blog-Post-Content a Blog-Post-Author. Jak vidíte, k vizualizaci stejného typu obsahu jsou použita čtyři různá rozvržení obsahu.

Rozvržení obsahu můžete vytvořit jedním ze dvou způsobů:

Ve službě Oracle Content Management Zvolte možnost Vývojář > Zobrazit všechny komponenty > Vytvořit > Vytvořit uspořádání obsahu.
V projektu OCE Toolkit použijte příkaz cec create-contentlayout.

Služba Oracle Content Management vytvoří výchozí rozvržení obsahu pro daný typ obsahu. Chcete-li změnit výchozí rozvržení obsahu, můžete upravit následující soubory:

assets/layout.html

Tento soubor upravte, chcete-li změnit zobrazení HTML.
assets/design.css

Tento soubor upravte, chcete-li nastavit styl rozvržení obsahu.
assets/render.js

Tento soubor upravte, chcete-li změnit data použitá v souboru layout.html nebo přidat dynamické chování do rozvržení obsahu.

Komponenty rozvržení obsahu generují položku obsahu ze serveru Oracle Content Management. Většina materiálů je uložena na serveru Oracle Content Management. Někdy budete možná chtít použít statický materiál, který je místně dostupný v samotném rozvržení obsahu, jako je obrázek na pozadí, pro účely vytvoření stylu. Například v rozvržení obsahu, které následuje, může být absolutní adresa URL pro obrázek images/background.jpg generována v souboru render.js a použita v souboru layout.html.

Nejjednodušším způsobem, jak generovat absolutní adresu URL, je použít vestavěný soubor requirejs. Definujte 'require' jako závislost a použijte metodu require.toURL() ke generování adresy URL, jak ukazuje následující kód:

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

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

Následující témata popisují způsob vývoje rozvržení obsahu:

Související témata

Informace o tom, jak provádět správu rozvržení obsahu, naleznete v tématu Správa uživatelských komponent a rozvržení.

Informace o používání digitálních materiálů a dalších položek obsahu na webu naleznete v tématech Používání materiálů a Správa digitálních materiálů v dokumentu Správa materiálů pomocí služby Oracle Content Management.