Μια διάταξη ορίζει τον τρόπο με τον οποίο διευθετείται το περιεχόμενο σε μια σελίδα τοποθεσίας. Οι διάφορες διατάξεις μπορούν να περιέχουν έναν διαφορετικό αριθμό προσδιορισμένων υποδοχών. Η υποδοχή είναι μια περιοχή που εκτείνεται σε όλο το πλάτος της σελίδας και μπορεί να περιέχει έναν ή περισσότερους τύπους περιεχομένου.
Κάθε θέμα διαθέτει αρκετές διατάξεις σελίδας. Ανατρέξτε στην ενότητα Πληροφορίες για τα θέματα.
Όταν προσθέτετε μια σελίδα σε μια τοποθεσία, επιλέγετε μια διάταξη που θα χρησιμοποιήσετε στη σελίδα. Κάθε διάταξη έχει περιοχές στη σελίδα που ονομάζονται υποδοχές, στις οποίες μπορείτε να μεταφέρετε και να αποθέσετε περιεχόμενο. Το περιεχόμενο αυτών των υποδοχών εξαρτάται αποκλειστικά από εσάς. Μπορεί να περιέχει τίτλους, κείμενο, διαχωριστικά, πολυμέσα, συλλογές, κοινωνικά μέσα κ.λπ.
Μια διάταξη περιέχει έγκυρες δομές HTML καθώς και ειδική σήμανση που είναι κατανοητή από τη λειτουργία απόδοσης του Oracle Content Management. Μια διάταξη πρέπει να αρχίζει με μια δήλωση DOCTYPE ώστε να διαμορφώνει το πρόγραμμα περιήγησης για να αποδώσει τη σελίδα σε μια λειτουργία κατάστασης συμβατή με τα πρότυπα, για παράδειγμα: <!DOCTYPE html> Αυτή η δήλωση απαιτείται από ορισμένα συστατικά στοιχεία για την επίτευξη άριστων αποτελεσμάτων.
Αυτό το δείγμα κώδικα εμφανίζει μια ελάχιστη διάταξη:
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>
Διάφορα διακριτικά επεκτείνονται όταν αποδίδεται μια σελίδα στο πρόγραμμα περιήγησης.
[!--$SCS_THEME_NAME--]
Αυτό επεκτείνεται στο όνομα του θέματος που έχει επιλεγεί προς το παρόν για την τοποθεσία. Η χρήση αυτού του διακριτικού επιτρέπει να αντιγραφεί το θέμα, γιατί οι διευθύνσεις τοποθεσίας που χρησιμοποιούν αυτό το διακριτικό θα αναφέρονται στο τρέχον θέμα.
[!--$SCS_DESIGN_NAME--]
Αυτό επεκτείνεται στο όνομα της σχεδίασης που έχει επιλεγεί προς το παρόν για την τοποθεσία. Αυτό επιτρέπει η διάταξη να χρησιμοποιηθεί από πολλές σχεδιάσεις εντός του θέματος.
[!--$SCS_RENDER_INFO--]
Αυτό επεκτείνεται σε μια ετικέτα δέσμης ενεργειών που διατηρεί την ιεραρχία σελίδων και τις πληροφορίες απόδοσης συστατικών στοιχείων για τη σελίδα. Αυτό πρέπει να τοποθετηθεί στην ενότητα <head> της διάταξης.
[!--$SCS_SITE_HEADER--]
Αυτό επεκτείνεται στην τιμή κεφαλίδας τοποθεσίας που έχει καθοριστεί στο πεδίο "Κεφαλίδα" στις ιδιότητες Βελτιστοποίησης για μηχανές αναζήτησης (SEO). Εδώ μπορείτε να εισαγάγετε σήμανση για όλη την τοποθεσία που θέλετε να τοποθετηθεί σε όλες τις σελίδες. Ανατρέξτε στην ενότητα Ορισμός ιδιοτήτων μηχανής αναζήτησης.
[!--$SCS_PAGE_HEADER--]
Αυτό αναπτύσσεται στην τιμή της κεφαλίδας σελίδας που βρίσκεται στο πεδίο "Κεφαλίδα σελίδας" στις ιδιότητες "Ρυθμίσεις σελίδας" στο Εργαλείο δημιουργίας τοποθεσιών. Εδώ μπορείτε να εισαγάγετε σήμανση συγκεκριμένα για τη σελίδα που θέλετε να τοποθετηθεί σε αυτήν τη σελίδα.
[!--$SCS_SITE_FOOTER--]
Αυτό επεκτείνεται στην τιμή υποσέλιδου τοποθεσίας που βρίσκεται στο πεδίο "Υποσέλιδο" στις ιδιότητες Βελτιστοποίησης για μηχανές αναζήτησης (SEO). Εδώ μπορείτε να εισαγάγετε σήμανση για όλη την τοποθεσία που θέλετε να τοποθετηθεί σε όλες τις σελίδες. Ανατρέξτε στην ενότητα Ορισμός ιδιοτήτων μηχανής αναζήτησης.
Σημείωση:
Τα διακριτικά μπορούν επίσης να χρησιμοποιούν το πρόθεμα<!--$ και το επίθημα --> ως διαχωριστικά στη θέση των [!--$ και --].Όταν μια τοποθεσία είναι σε σύνδεση, τα ακόλουθα διακριτικά στον δεσμό αντικαθιστώνται με πραγματικές τιμές που γνωρίζουν το περιβάλλον στο οποίο χρησιμοποιούνται. Αυτό επιτρέπει στον δεσμό να λειτουργεί όταν γίνεται επεξεργασία μιας τοποθεσίας και στη δημοσιευμένη τοποθεσία όταν είναι σε σύνδεση.
Το /_sitescloud/ αντικαθιστάται με το /_sitesclouddelivery/
Το /_themes/ αντικαθιστάται με το /_themesdelivery/
Οι υποδοχές είναι στοιχεία DIV στη διάταξη που έχουν την τιμή "scs-slot" στο χαρακτηριστικό κλάσης. Σε μια υποδοχή οι χρήστες μπορούν να προσθέτουν συστατικά στοιχεία για να συμπληρώσουν το περιεχόμενο τοποθεσίας. Πολλά στοιχεία DIV μπορούν να προσδιοριστούν ως υποδοχές αντιστοιχίζοντας το χαρακτηριστικό κλάσης "scs-slot". Κάθε υποδοχή πρέπει να έχει ένα μοναδικό χαρακτηριστικό id.
Σημείωση:
Οι υποδοχές μπορούν να είναι ένθετες, αλλά μπορείτε να κάνετε την πρόταση ότι είναι με τη χρήση CSS για επικάλυψη αυτών. Αν θέλετε να το κάνετε αυτό, χρησιμοποιήστε μια ομάδα συστατικών στοιχείων ή μια διάταξη ενότητας. Ανατρέξτε στην ενότητα Δημιουργία διάταξης ενότητας.Οι υποδοχές που έχουν επιπλέον μια τιμή χαρακτηριστικού κλάσης "scs-responsive" θα ανανεώσουν το περιεχόμενό τους καθώς η θύρα προβολής του προγράμματος περιήγησης αλλάζει ανάλυση. Αυτό επιτρέπει στις υποδοχές να αποδίδονται αποκριτικά για μια μεγάλη οθόνη υπολογιστή ή μια μικρή κινητή συσκευή.
Η τελική ετικέτα <script> (γραμμή 19 στο παράδειγμα) φορτώνει τον κώδικα απόδοσης του Oracle Content Management. Αυτός ο κώδικας είναι υπεύθυνος για τη σχεδίαση των συστατικών στοιχείων στη σελίδα και επιτρέπει επίσης σε προσαρμοσμένο κώδικα να έχει πρόσβαση στο API Απόδοσης. Χωρίς αυτήν την ετικέτα <script>, οι σελίδες που βασίζονται στη διάταξη δεν μπορούν να αλλάξουν από το Εργαλείο δημιουργίας τοποθεσιών.