Tietoja asetteluista

Asettelulla määritetään, miten sisältö järjestetään sivustossa. Eri asettelut voivat sisältää erilaisia määriä nimettyjä paikkoja. Paikka on alue, joka on sivun levyinen ja voi sisältää yhdentyyppistä tai useamman tyyppistä sisältöä.

Jokaisella teemalla on useita sivun asetteluja. Katso kohta Tietoja teemoista.

Kun lisäät sivun sivustoon, valitset samalla kyseisellä sivulla käytettävän asettelun. Kullakin asettelulla on paikoiksi kutsuttuja alueita, joihin voit vetää ja pudottaa sisältöä. Voit itse päättää, mitä sisältöä näihin paikkoihin laitetaan. Sisältö voi olla melkein mitä tahansa, esimerkiksi otsikkoja, tekstiä tai erottimia taikka multimediaa, gallerioita tai sosiaalista mediaa.

Asettelu sisältää sallitut HTML-rakenteet sekä erityistä merkintäkieltä, jonka Oracle Content Management -muodostusohjelma tulkitsee. Asettelun alussa on oltava DOCTYPE-lauseke, joka määrää selaimen muodostamaan sivun standardien mukaisessa tilassa. Esimerkki: <!DOCTYPE html>. Jotkin komponentit edellyttävät tätä lauseketta, jotta ne toimisivat parhaalla mahdollisella tavalla.

Tässä esimerkkikoodissa näytetään yksinkertainen asettelu:

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>

Useita eri merkkejä laajennetaan, kun sivu muodostetaan selaimessa.

  • [!--$SCS_THEME_NAME--]

    Tämä merkki laajennetaan sivustolle sillä hetkellä valitun teeman nimeksi. Tämän merkin avulla voi kopioida teeman, koska tätä merkkiä käyttävät URL-osoitteet viittaavat nykyiseen teemaan.

  • [!--$SCS_DESIGN_NAME--]

    Tämä merkki laajennetaan sivustolle sillä hetkellä valitun rakenteen nimeksi. Tämän merkin avulla useat teeman rakenteet voivat käyttää asettelua.

  • [!--$SCS_RENDER_INFO--]

    Tämä merkki laajennetaan script-tunnisteeksi, joka sisältää sivun sivuhierarkian ja komponenttien muodostuksen tiedot. Merkki on sijoitettava asettelun <head>-osaan.

  • [!--$SCS_SITE_HEADER--]

    Tämä merkki laajennetaan sivuston ylätunnisteen arvoksi, joka on määritetty Hakukoneen optimoinnin (SEO) -ominaisuuksien Ylätunniste-kentässä. Tähän voi syöttää sivustonlaajuisen merkintäkielen, jotka sijoitetaan kaikille sivuille. Katso kohta Hakukoneiden ominaisuuksien määrittäminen.

  • [!--$SCS_PAGE_HEADER--]

    Tämä merkki laajennetaan sivun otsikon arvoksi, joka on määritetty sivustonluontiohjelman Sivun asetukset -ominaisuuksien Sivun otsikko -kentässä. Tähän voi syöttää sivukohtaisen merkintäkielen, joka sijoitetaan tälle sivulle.

  • [!--$SCS_SITE_FOOTER--]

    Tämä merkki laajennetaan sivuston alatunnisteen arvoksi, joka on määritetty Hakukoneen optimoinnin (SEO) -ominaisuuksien Alatunniste-kentässä. Tähän voi syöttää sivustonlaajuisen merkintäkielen, jotka sijoitetaan kaikille sivuille. Katso kohta Hakukoneiden ominaisuuksien määrittäminen.

Huomautus::

Merkeissä voidaan käyttää myös <!--$-etuliitettä ja -->-jälkiliitettä erottimina [!--$- ja --]-erottimien sijaan.

Kun sivusto on online-tilassa, seuraavat linkin merkit korvataan todellisilla arvoilla, jotka ovat tietoisia kontekstista, jossa niitä käytetään. Näin linkki voi toimia sivuston muokkauksen aikana ja myös julkaistussa sivustossa, kun se on online-tilassa.

  • /_sitescloud/ is replaced with /_sitesclouddelivery/

  • /_themes/ is replaced with /_themesdelivery/

Paikat ovat asettelun DIV-elementtejä, joiden class-määritteessä on arvo "scs-slot". Käyttäjät voivat lisätä sivustoon sisältöä lisäämällä komponentteja paikkoihin. Useita DIV-elementtejä voi määrittää paikoiksi määrittämällä niille "scs-slot"-luokkamääritteen. Jokaisella paikalla on oltava yksilöivä id-määrite.

Huomautus::

Paikat eivät voi olla sisäkkäisiä, mutta voit luoda vaikutelman paikkojen sisäkkäisyydestä asettamalla niitä päällekkäin CSS-koodin avulla. Jos haluat tehdä näin, käytä komponenttiryhmää tai osan asettelua. Katso Osan asettelun luonti.

Jos paikalla on myös luokkamääritteen arvo "scs-responsive", sen sisältö päivitetään, kun selaimen näyttöikkunan tarkkuus muuttuu. Näin paikat voidaan muodostaa nopeammin suurelle näytölle tai pienelle mobiililaitteelle.

Viimeinen <script>-tunniste (esimerkin rivillä 19) lataa Oracle Content Management -muodostuskoodin. Tämä koodi piirtää komponentit sivulle. Se myös mahdollistaa muodostuksen API-liittymän käytön räätälöidyllä koodille. Jos tätä <script>-tunnistetta ei olisi, asetteluun perustuvia sivuja ei voisi muuttaa sivustonluontiohjelmassa.