Om oppsett

Et oppsett definerer hvordan innhold er ordnet på en områdeside. Ulike oppsett kan inneholde ulike antall navngitte spor. Et spor er en del som dekker bredden av siden, og som kan inneholder én eller flere typer innhold.

Alle temaer har flere sideoppsett. Se Om temaer.

Når du legger til en side på et område, velger du et oppsett for bruk på denne siden. Hvert oppsett har deler på siden, som kalles spor, der du kan dra og slippe innhold. Hvilket innhold som plasseres i disse sporene, er helt opp til deg. Det kan være alt fra titler, tekst og skiller til multimedier, gallerier og sosiale medier.

Et oppsett inneholder gyldige HTML-konstruksjoner i tillegg til spesialkoding som forstås av Oracle Content Management-gjengiveren. Et oppsett må begynne med en DOCTYPE-setning som konfigurerer nettleseren til å gjengi siden i en standardsamsvarende modus, for eksempel <!DOCTYPE html> Denne setningen er nødvendig hvis bestemte komponenter skal oppnå best mulige resultater.

Denne eksempelkoden viser et minimalt oppsett:

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>

Ulike symboler utvides når en side gjengis i nettleseren.

  • [!--$SCS_THEME_NAME--]

    Dette utvides til navnet på temaet som er valgt for området. Når dette symbolet brukes, kan temaet kopieres, fordi URL-adressene som bruker dette symbolet, vil referere til det gjeldende temaet.

  • [!--$SCS_DESIGN_NAME--]

    Dette utvides til navnet på utformingen som er valgt for området. Det gjør at oppsettet kan brukes av flere utforminger i temaet.

  • [!--$SCS_RENDER_INFO--]

    Dette utvides til en skriptkode som inneholder opplysninger om sidehierarkiet og komponentgjengivelsen for siden. Dette skal plasseres i delen <head> i oppsettet.

  • [!--$SCS_SITE_HEADER--]

    Dette utvides til områdets topptekstverdi som er angitt i feltet Topptekst i SEO-egenskapene (Search Engine Optimization). Kode for hele området som du vil plassere på alle sider, kan angis her. Se Angi egenskaper for søkemotor.

  • [!--$SCS_PAGE_HEADER--]

    Dette utvides til sidetopptekstverdien som du finner i feltet Topptekst på side i egenskapene for Sideinnstillinger i områdebyggeren. Sidespesifikk kode som du vil plassere for denne siden, kan angis her.

  • [!--$SCS_SITE_FOOTER--]

    Dette utvides til områdets bunntekstverdi, som er angitt i feltet Bunntekst i SEO-egenskapene (Search Engine Optimization). Kode for hele området som du vil plassere på alle sider, kan angis her. Se Angi egenskaper for søkemotor.

Merknad:

Symbolene kan også bruke prefikset <!--$ og suffikset --> som skilletegn i stedet for [!--$ og --].

Når et område er tilkoblet, erstattes følgende symboler med virkelige verdier som kjenner konteksten der de blir brukt. Dette gjør at koblingen fungerer når et område redigeres, og i det publiserte området når det er tilkoblet.

  • /_sitescloud/ erstattes av /_sitesclouddelivery/

  • /_themes/ erstattes av /_themesdelivery/

Spor er DIV-elementer i oppsettet som har verdien scs-slot i klasseattributtet. Et spor er der brukere kan legge til komponenter som fyller ut områdeinnholdet. Flere DIV-elementer kan utpekes som spor ved å tilordne klasseattributtet scs-slot. Hvert spor må ha et unikt id-attributt.

Merknad:

Spor kan ikke nøstes, men du kan foreslå det ved å bruke CSS til å ligge over dem. Hvis du vil gjøre det, bruker du en komponentgruppe eller et deloppsett. Se Opprette et deloppsett.

Spor som også har en klasseattributtverdi av typen scs-responsive, oppfrisker innholdet mens nettleserens visningsport endrer oppløsningen. Dette gjør at sporene blir gjengitt responsivt for en stor skrivebordsskjerm eller på en liten mobil enhet.

Den siste <script>-koden (linje 19 i eksemplet) laster gjengivelseskoden i Oracle Content Management. Denne koden er ansvarlig for å tegne komponentene på siden, og den gir også egendefinert kode tilgang til gjengivelses-API-et. Uten denne <script>-koden er det ikke mulig for områdebyggeren å endre sider som er basert på oppsettet.