Tudnivalók az elrendezésekről

Az elrendezés határozza meg a tartalom elrendezését egy weboldalon. A különböző elrendezések eltérő számú, névvel ellátott rekeszt tartalmazhatnak. A rekesz olyan terület, amelyik az oldal szélességére terjed ki, és egy vagy több típusú tartalmat tartalmazhat.

Minden téma több elrendezést is tartalmaz. Lásd: Tudnivalók a témákról.

Amikor oldalt vesz fel a webhelyre, ki kell választani az oldal részére egy elrendezést. Mindegyik elrendezésben vannak olyan területek – úgynevezett rekeszek – amelyekre ráhúzással tartalmat lehet helyezni. Teljesen Önökön múlik, hogy milyen tartalom kerül ezekbe a rekeszekbe. Ez bármi lehet, cím, szöveg, elválasztó, multimédia, galéria és közösségi média.

Az elrendezés érvényes HTML-felépítéseket, valamint az Oracle Content Management megjelenítője által értelmezhető speciális jelölőket tartalmaz. Az elrendezésnek egy DOCTYPE utasítással kell kezdődnie, amely úgy konfigurálja a böngészőt, hogy az oldalt szabványnak megfelelő módban jelenítse meg, például: <!DOCTYPE html>. Ez az utasítás bizonyos összetevőknél kötelező a legjobb eredmények elérése érdekében.

Az alábbi mintakód egy minimális elrendezést mutat be:

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>

Amikor az oldal megjelenik a böngészőben, a rendszer különböző tokeneket bont ki.

  • [!--$SCS_THEME_NAME--]

    A webhelyhez aktuálisan kiválasztott téma nevére terjed ki. A token használata lehetővé teszi a téma másolását, mivel a tokent használó URL-címek az aktuális témára fognak hivatkozni.

  • [!--$SCS_DESIGN_NAME--]

    A webhelyhez aktuálisan kiválasztott terv nevére terjed ki. Ez lehetővé teszi, hogy a témában lévő több kialakítási terv is használja az elrendezést.

  • [!--$SCS_RENDER_INFO--]

    Olyan parancsfájli címkére terjed ki, amelyik megtartja az oldalhierarchiát és az oldalra vonatkozó összetevő-megjelenítési adatokat. Az elrendezés <head> szakaszában kell elhelyezni.

  • [!--$SCS_SITE_HEADER--]

    Arra a webhelyfejléc-értékre terjed ki, amely a keresőmotor-optimalizálási (SEO) tulajdonságok Fejléc mezőjében van megadva. Itt adhatja meg az összes oldalon elhelyezni kívánt, az egész webhelyre érvényes jelölőt. Lásd: Tulajdonságok beállítása keresőmotorokhoz.

  • [!--$SCS_PAGE_HEADER--]

    Ennek eredménye az oldalfejléc azon értéke lesz, amely a Site Builder szolgáltatásban az Oldalbeállítások tulajdonságainak Oldalfejléc mezőjében található. Itt adhatja meg az adott oldalra vonatkozó kódot.

  • [!--$SCS_SITE_FOOTER--]

    Arra a webhelylábléc-értékre terjed ki, amely a keresőmotor-optimalizálási (SEO) tulajdonságok Lábléc mezőjében található. Itt adhatja meg az összes oldalon elhelyezni kívánt, az egész webhelyre érvényes jelölőt. Lásd: Tulajdonságok beállítása keresőmotorokhoz.

Megjegyzés:

A tokenek a <!--$ előtagot és a --> utótagot is használhatják határolójelként a [!--$ és a --] helyett.

Online webhely esetében a hivatkozásban szereplő következő tokeneket valódi értékekre cserélik, amelyek ismerik azt a környezetet, amelyben használják őket. Ez lehetővé teszi, hogy a hivatkozás akkor is működjön, ha a webhelyet szerkesztik, illetve a közzétett online webhelyen is.

  • A /_sitescloud/ értéket a /_sitesclouddelivery/ értékre cserélik

  • A /_themes/ értéket a /_themesdelivery/ értékre cserélik

A rekeszek az elrendezésen lévő olyan DIV elemek, amelyek az "scs-slot" értékkel rendelkeznek a class attribútumban. A rekeszben a felhasználók összetevőket adhatnak hozzá a webhely tartalmának kitöltése érdekében. Az "scs-slot" osztályattribútum hozzárendelésével több DIV-elem kijelölhető rekeszként. Minden rekesznek egyedi id attribútummal kell rendelkeznie.

Megjegyzés:

A rekeszek beágyazhatók, de CSS használatával javasolhatja az átfedésüket. Ennek elvégzéséhez használjon összetevőcsoportot vagy szakaszelrendezést. Lásd: Szakaszelrendezés létrehozása.

A kiegészítésként "scs-responsive" osztályattribútum-értéket tartalmazó rekeszek frissíteni fogják tartalmukat, amint a böngésző nézetablaka megváltoztatja a felbontást. Ez lehetővé teszi, hogy a rekeszek rugalmasan alkalmazkodva végezzék a megjelenítést egy nagy méretű asztali kijelző vagy egy kis méretű mobileszköz esetében.

A végső <script> címke (a példában a 19. sor) az Oracle Content Management megjelenítési kódját tölti be. Ez a kód felel az összetevőknek az oldalon való megrajzolásáért, valamint lehetővé teszi, hogy az egyéni kód hozzáférjen a Megjelenítési API-hoz. E <script> címke nélkül a Site Builder nem tudja módosítani az elrendezésen alapuló oldalakat.