Vývoj rozložení obsahu

Rozloženia obsahu pomáhajú používateľom pri prezeraní dát v obsahových položkách prostredníctvom komponentov zoznamu alebo zástupného symbolu obsahu používaných na stránkach lokalít. Pre typ obsahu môžete vytvoriť viac rozložení obsahu s cieľom vytvorenia rôznych zobrazení alebo znázornenia rôznych častí obsahovej položky.

Napríklad obsah typu Príspevok na blogu si môže vyžadovať iné rozloženia obsahu podľa toho, ako a kde sa má obsah príspevku blogu používať. Domovská stránka lokality môže zobrazovať zoznam položiek príspevkov blogu, ale keď na domovskej stránke kliknete na príspevok blogu, stránka Detaily môže zobraziť detaily o danom príspevku.

Domovská stránka má zoznam obsahu nakonfigurovaný na zobrazenie zoznamu položiek typu obsahu Blog-Post, pričom rozloženie obsahu Blog-Post-Summary používa ako zobrazenie položiek.

Stránka Detaily používa rozloženie obsahu Blog-Post-Header v zástupnom symbole obsahu na zobrazenie obrázka a názvu hlavičky. Rozloženie sekcie s dvoma stĺpcami obklopuje dva zástupné symboly obsahu so šírkou 70 % a 30 % s použitím rozložení obsahu Blog-Post-Content a Blog-Post-Author. Ako vidíte, na vizualizáciu toho istého typu obsahu sa používajú štyri rôzne rozloženia obsahu.

Rozloženie obsahu môžete vytvoriť jedným z týchto dvoch spôsobov:

  • V službe Oracle Content Management vyberte položku Vývojár > Zobraziť všetky komponenty > Vytvoriť > Vytvoriť rozloženie obsahu.

  • V projekte súpravy OCE Toolkit použite príkaz cec create-contentlayout.

Služba Oracle Content Management vytvorí predvolené rozloženie obsahu pre daný typ obsahu. Ak chcete predvolené rozloženie obsahu modifikovať, môžete upraviť nasledujúce súbory:

  • assets/layout.html

    Úpravou tohto súboru zmeníte zobrazenie HTML.

  • assets/design.css

    Úpravou tohto súboru zmeníte štýl rozloženia obsahu.

  • assets/render.js

    Úpravou tohto súboru zmeníte dáta použité v súbore layout.html alebo pridáte do rozloženia obsahu dynamické správanie.

Komponenty rozloženia obsahu vykreslia obsahovú položku zo servera Oracle Content Management. Väčšina položiek je uložených na serveri Oracle Content Management. Niekedy možno budete chcieť použiť statickú položku, ktorá je lokálne dostupná v samotnom rozložení obsahu, napríklad obrázok na pozadí, na zmenu štýlu. V nasledujúcom rozložení obsahu napríklad možno generovať absolútnu adresu URL pre súbor images/background.jpg v súbore render.js a použiť ju v súbore layout.html.

Najjednoduchší spôsob generovania absolútnej adresy URL je použiť vstavaný súbor requirejs. Ako závislosť definujte 'require' a na vygenerovanie adresy URL použite requ.toURL(), ako uvádza nasledujúci 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');

Nasledujúce témy opisujú spôsob vývoja rozložení obsahu:

Súvisiace témy

Informácie o spravovaní rozložení obsahu nájdete v časti Správa vlastných komponentov a rozložení.

Informácie o používaní digitálnych položiek a iných obsahových položiek na lokalite nájdete v častiach Používanie položiek a Správa digitálnych položiek v príručke Spravovanie položiek v službe Oracle Content Management.