Μπορείτε να διαμορφώσετε συγκεκριμένο περιεχόμενο κειμένου ή εικόνας σε μια διάταξη ώστε να είναι επεξεργάσιμο από τους χρήστες που εργάζονται με σελίδες με βάση τη διάταξη.
Αυτή η λειτουργικότητα μπορεί να χρησιμοποιηθεί σε οποιοδήποτε θέμα, συμπεριλαμβανομένων των θεμάτων bootstrap. Οι τροποποιήσεις υιοθετούν αυτόματα το στυλ της αρχικής σελίδας.
Μπορείτε να προσθέσετε απλή σήμανση στις ακόλουθες ετικέτες HTML στη διάταξη: <p>
, <h1>
έως <h6>
, <div>
και <img>
.
Οι επιλογές μορφοποίησης κειμένου και εικόνων περιλαμβάνουν:
Κείμενο: Επιτρέπει στους χρήστες να ορίσουν Έντονη γραφή, Πλάγια γραφή, Υπογραμμή και Δεσμό.
Εικόνα: Επιτρέπει στους χρήστες να ορίσουν έναν δεσμό σε ένα αρχείο εικόνας. Αλλάξτε τις ιδιότητες για τον τίτλο (αυτό που βλέπει ο χρήστης όταν τοποθετεί το δρομέα πάνω από μια εικόνα) και προσθέστε εναλλακτικό κείμενο για προσβασιμότητα.
Η τροποποίηση ενός στοιχείου κειμένου ή εικόνας ώστε να μπορούν να το επεξεργαστούν οι χρήστες απαιτεί δύο πράγματα:
Προσθέστε scs-editable
στην κλάση
.
Προσθέστε ένα μοναδικό χαρακτηριστικό id
.
Όταν μια διάταξη έχει τροποποιηθεί, η λειτουργικότητα θα είναι διαθέσιμη για όλες τις σελίδες με βάση αυτήν τη διάταξη (ακόμα και οι νέες σελίδες).
Αν αντιγράψετε και επικολλήσετε μια σελίδα, οι τροποποιήσεις θα αντιγραφούν στη νέα σελίδα.
Τροποποίηση ετικέτας επικεφαλίδας
Συγχρονίστε το αρχείο διάταξης με τον τοπικό υπολογιστή σας ή επεξεργαστείτε το αρχείο προέλευσης HTML για την κεφαλίδα <h1>
.
Προσθέστε scs-editable
στην κλάση
και προσθέστε το χαρακτηριστικό id="test-heading"
στη γραμμή κώδικα για την επικεφαλίδα, ώστε να μπορεί μια λειτουργία επεξεργασίας να συνδεθεί με αυτή. Για παράδειγμα:
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Αποθηκεύστε το αρχείο.
Κάντε συγχρονισμό με το Oracle Content Management και επαναφόρτωση του προγράμματος περιήγησης.
Πρέπει να εμφανιστεί ένα μαύρο περίγραμμα γύρω από την επικεφαλίδα όταν ο χρήστης τοποθετήσει τον δρομέα πάνω από αυτή, που υποδεικνύει ότι είναι δυνατή η επεξεργασία του περιεχομένου. Όταν ο χρήστης κάνει κλικ στην επικεφαλίδα, το περίγραμμα γίνεται πράσινο, που υποδεικνύει ότι τώρα μπορεί ο χρήστης να επεξεργαστεί το περιεχόμενο της επικεφαλίδας.
Αν το θέμα δεν έχει δημοσιευτεί, δημοσιεύστε το. Αν έχει δημοσιευτεί, η αλλαγή θα εμφανιστεί όταν κάνετε ανανέωση στο πρόγραμμα περιήγησής σας.
Όταν το θέμα δημοσιευτεί, οι χρήστες τοποθεσίας μπορούν να κάνουν κλικ στην κεφαλίδα και να την επεξεργαστούν στο Εργαλείο δημιουργίας τοποθεσιών.
Δημιουργείται ένα ψευδο-συστατικό στοιχείο για το στοιχείο scs-editable
ώστε να μπορείτε να το αλλάξετε στο Εργαλείο δημιουργίας τοποθεσιών και να το αποθηκεύσετε με τα δεδομένα σελίδας. Κατά τον χρόνο εκτέλεσης, πριν αποδοθεί η σελίδα, ο ελεγκτής αντικαθιστά τις ετικέτες scs-editable με τις τιμές που ορίζετε στο Εργαλείο δημιουργίας τοποθεσιών.
Τροποποίηση ετικέτας εικόνας
Η διαδικασία τροποποίησης μιας ετικέτας εικόνας σε μια διάταξη ώστε να μπορούν να την επεξεργαστούν οι χρήστες είναι παρόμοια με αυτή για το κείμενο.
Προσθέστε scs-editable
στην κλάση
.
Προσθέστε ένα μοναδικό αναγνωριστικό
εικόνας.
Οι χρήστες μπορούν να κάνουν κλικ στην εικόνα και, στη συνέχεια, να αλλάξουν τις ιδιότητες ώστε να χρησιμοποιείται μια διαφορετική εικόνα.
Ακολουθεί δείγμα κώδικα για μια εικόνα με δυνατότητα επεξεργασίας από τους χρήστες:
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>