Rozvržení definuje uspořádání obsahu na stránce webu. Různá rozvržení mohou obsahovat různý počet pojmenovaných pozic. Pozice je oblast s rozsahem odpovídajícím šířce stránky a může obsahovat jeden nebo více typů obsahu.
Každé téma má několik rozvržení stránek. Prostudujte si téma Informace o tématech.
Při přidávání stránky na web vyberete rozvržení, které se pro tuto stránku použije. Každé rozvržení obsahuje oblasti na stránce, označované jako pozice, do nichž můžete přetahovat obsah. Jaký obsah vložíte do těchto pozic je zcela na vás. Může se jednat o cokoli, od nadpisů, textu a oddělovačů po multimédia, galerie a sociální média.
Rozvržení obsahuje platné konstruktory HTML, stejně jako speciální značku, které jsou srozumitelné pro generovací modul služby Oracle Content Management. Rozvržení musí začínat příkazem DOCTYPE, který konfiguruje prohlížeč tak, aby generoval stránku v režimu kompatibilním se standardy, například <!DOCTYPE html>. Tento příkaz vyžadují určité komponenty k dosažení nejlepších výsledků.
Tento ukázkový kód ukazuje minimální rozvržení:
1 <!DOCTYPE html> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 6 <script src="/_themes/[!--$SCS_THEME_NAME--]/assets/js/topnav.js"></script> 7 <link rel="stylesheet" type="text/css" 8 href="/_themes/[!--$SCS_THEME_NAME--]/assets/css/main.css"> 9 <link rel="stylesheet" type="text/css" 10 href="/_themes/[!--$SCS_THEME_NAME--]/designs/[!--$SCS_DESIGN_NAME--]/design.css"> 11 12 <!--$SCS_RENDER_INFO--> 13 <!--$SCS_SITE_HEADER--> 13 <!--$SCS_PAGE_HEADER--> 14 </head> 15 <body> 16 <div id="topNavigation"></div> 17 <div id="mainContentSlot" class="scs-slot scs-responsive"></div> 18 19 <script data-main="/_sitescloud/renderer/renderer.js" 20 src="/_sitescloud/renderer/require.js"></script> 21 <!--$SCS_SITE_FOOTER--> 22 </body> 23 </html>
Při generování stránky v prohlížeči dojde k rozbalení různých lexikálních jednotek.
[!--$SCS_THEME_NAME--]
Rozbalí se do názvu tématu aktuálně zvoleného pro web. Použití této lexikální jednotky umožňuje zkopírovat téma, protože adresy URL, které tuto lexikální jednotku použijí, budou odkazovat na aktuální téma.
[!--$SCS_DESIGN_NAME--]
Rozbalí se do názvu návrhu aktuálně zvoleného pro web. Tím umožní použití rozvržení více návrhy v rámci tématu.
[!--$SCS_RENDER_INFO--]
Rozbalí se do tagu skriptu, který obsahuje informace o hierarchii stránky a generování komponent pro stránku. Tato lexikální jednotka by měla být umístěna v sekci <head> rozvržení.
[!--$SCS_SITE_HEADER--]
Rozbalí se do hodnoty záhlaví webu, která je uvedena v poli Záhlaví ve vlastnostech optimalizace pro vyhledávací moduly (SEO). Zde můžete zadat značku určenou pro celý web, kterou chcete umístit na všechny stránky. Viz Nastavení předvoleb pro vyhledávací moduly.
[!--$SCS_PAGE_HEADER--]
Tento zápis se rozvine do hodnoty záhlaví stránky, kterou najdete v poli Záhlaví stránky ve vlastnostech Nastavení stránky v aplikaci Site Builder. Značka určená pro určitou stránku, kterou zde chcete umístit.
[!--$SCS_SITE_FOOTER--]
Rozbalí se do hodnoty zápatí webu, kterou naleznete v poli Zápatí ve vlastnostech optimalizace pro vyhledávací moduly (SEO). Zde můžete zadat značku určenou pro celý web, kterou chcete umístit na všechny stránky. Viz Nastavení předvoleb pro vyhledávací moduly.
Poznámka:
Lexikální jednotky mohou také používat předponu<!--$ a příponu --> jako oddělovače místo [!--$ a --].Když je web ve stavu online, následující lexikální jednotky v odkazu jsou nahrazeny skutečnými hodnotami, které odpovídají kontextu, v němž jsou použity. Díky tomu je odkaz funkční, když je web upravován, a na publikovaném webu, když je ve stavu online.
Řetězec /_sitescloud/ je nahrazen za /_sitesclouddelivery/
Řetězec /_themes/ je nahrazen za /_themesdelivery/
Pozice jsou prvky DIV v rozvržení, které mají v atributu třídy hodnotu "scs-slot". Pozice je místo, na které mohou uživatelé přidávat komponenty, aby vyplnili obsah webu. Více prvků DIV lze označit jako pozice přiřazením atributu třídy "scs-slot". Každá pozice musí mít jedinečný atribut id.
Poznámka:
Pozice nelze vnořovat, nicméně můžete vytvořit dojem, že jsou vnořené, jejich překrýváním pomocí šablon stylů CSS. Chcete-li tak učinit, použijte skupinu komponent nebo rozvržení sekce. Viz Vytvoření rozvržení sekce.Pozice, které navíc mají hodnotu atributu třídy "scs-responsive", budou aktualizovat svůj obsah, jakmile výřez prohlížeče změní rozlišení. To umožní generovat pozice s ohledem na to, zda se jedná o velký displej stolního počítače nebo malé mobilní zařízení.
Koncový tag <script> (v příkladu řádek 19) načte generovací kód služby Oracle Content Management. Tento kód je zodpovědný za vykreslení komponent na stránce a také umožňuje vlastnímu kódu přistupovat k rozhraní API pro generování. Bez tohoto tagu <script> nemůže nástroj Site Builder změnit stránky založené na rozvržení.