Despre machete

O machetă defineşte modul de aranjare a conţinutului într-o pagină a unui site. Diferite machete pot conţine un număr diferit de sloturi denumite. Un slot este o regiune care se întinde pe lăţimea paginii şi care poate conţine unul sau mai multe tipuri de conţinut.

Fiecare temă are câteva machete de pagini. Consultaţi Despre teme.

Când adăugaţi o pagină într-un site, selectaţi o machetă de utilizat pt. pagina respectivă. Fiecare machetă conţine zone din pagină, denumite sloturi, în care puteţi trage şi elibera elementele de conţinut. Conţinutul pe care-l veţi include în aceste sloturi depinde exclusiv de dvs. Poate fi orice, de la titluri, text şi separatoare la multimedia, galerii şi social media.

O machetă conţine constructe HTML valide, precum şi marcaje speciale, înţelese de randatorul Oracle Content Management. O machetă trebuie să înceapă cu declaraţia DOCTYPE pentru ca browserul să randeze pagina într-un mod conform cu standardele; de exemplu: <!DOCTYPE html> Această declaraţie este necesară pentru anumite componente, pentru obţinerea unor rezultate optime.

Acest exemplu de cod afişează o machetă minimală:

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>

În momentul în care o pagină este randată în browser, diverse tokenuri sunt expandate.

  • [!--$SCS_THEME_NAME--]

    Acest token se expandează pentru a afişa numele temei selectate în acel moment pentru site. Utilizarea acestui token permite copierea temei, deoarece URL-urile care utilizează acest token vor face referire la tema curentă.

  • [!--$SCS_DESIGN_NAME--]

    Acest token se expandează pentru a afişa numele designului selectat în mod curent pentru site. Acest lucru permite mai multor designuri din cadrul temei să utilizeze macheta.

  • [!--$SCS_RENDER_INFO--]

    Acest token se expandează într-un tag de tip script, care conţine informaţii privind ierarhia paginilor şi randarea componentelor paginii. Acesta trebuie plasat în secţiunea <head> a machetei.

  • [!--$SCS_SITE_HEADER--]

    Acest token se expandează în valoarea antetului site-ului, care este specificată în câmpul Antet din proprietăţile de optimizare pentru motoare de căutare. Aici puteţi introduce marcaje la nivel de site pe care doriţi să le plasaţi pe toate paginile. Consultaţi Setarea proprietăţilor pt. motoarele de căutare.

  • [!--$SCS_PAGE_HEADER--]

    Aceasta se extinde la valoarea antetului paginii care se găseşte în câmpul Antet pagină, în proprietăţile Setări pagină din Generator de site-uri. Marcajul specific unei pagini pe care doriţi să-l plasaţi pentru această pagină, poate fi introdus aici.

  • [!--$SCS_SITE_FOOTER--]

    Acest token se expandează în valoarea subsolului paginii, care se găseşte în câmpul Subsol din proprietăţile de optimizare pentru motoare de căutare. Aici puteţi introduce marcaje la nivel de site pe care doriţi să le plasaţi pe toate paginile. Consultaţi Setarea proprietăţilor pt. motoarele de căutare.

Notă:

Tokenurile pot utiliza, de asemenea, prefixul <!--$ şi sufixul --> ca delimitatoare, în locul prefixului [!--$ şi al sufixului --].

Când un site este online, următoarele tokenuri din link sunt înlocuite cu valori reale, care cunosc contextul în care sunt utilizate. Acest lucru permite linkului să funcţioneze când un site este în curs de editare, precum şi în site-ul publicat, când acesta este online.

  • /_sitescloud/ se înlocuieşte cu /_sitesclouddelivery/

  • /_themes/ se înlocuieşte cu /_themesdelivery/

Sloturile sunt elemente DIV din machetă care au valoarea „scs-slot” în atributul de clasă. Un slot este locul în care utilizatorii pot adăuga componente pentru a completa conţinutul site-ului. Puteţi desemna mai multe elemente DIV ca sloturi, asignând atributul de clasă "scs-slot". Fiecare slot trebuie să aibă un atribut id unic.

Notă:

Sloturile nu pot fi imbricate, însă puteţi crea această impresie utilizând o foaie de stiluri cascadă pentru a le suprapune. Dacă doriţi să faceţi acest lucru, utilizaţi un grup de componente sau o machetă de secţiuni. Consultaţi Crearea unei machete de secţiuni.

Sloturile care au, în plus, o valoare "scs-responsive" a atributului de clasă, vor actualiza conţinutul când se schimbă rezoluţia pentru viewportul browserului. Acest lucru permite randarea reactivă a sloturilor, indiferent dacă acestea se afişează pe un afişaj mare al unui desktop sau pe un afişaj mic al unui dispozitiv mobil.

Eticheta finală <script> (linia 19 din exemplu) are rolul de încărcare a codului de randare pentru Oracle Content Management. Acest cod este responsabil pentru desenarea componentelor pe pagină şi permite, de asemenea, codurilor personalizate să acceseze API-ul Render. În absenţa acestui tag <script>, paginile care au la bază macheta nu vor putea fi modificate de către generatorul de site-uri.