Προσαρμοσμένες διατάξεις σελίδας στο Power Pages

Όταν δημιουργείτε μια νέα ιστοσελίδα χρησιμοποιώντας το στούντιο σχεδιασμού, πρέπει να επιλέξετε μια διάταξη σελίδας. Ο χώρος εργασίας Pages παρέχει ένα σύνολο προ-ρυθμισμένων διατάξεων σελίδας.

Μπορείτε επίσης να δημιουργήσετε τις δικές σας προσαρμοσμένες διατάξεις σελίδας χρησιμοποιώντας HTML, Liquid, JavaScript και CSS.

Φιλοδώρημα

Έχουμε δημιουργήσει μια σειρά από εκπαιδευτικά βοηθήματα και βίντεο για να μάθετε να χρησιμοποιείτε το Power Pages και πώς να δημιουργήσετε μια προσαρμοσμένη διάταξη σελίδας. Για περισσότερες πληροφορίες, μεταβείτε στο Εκπαιδευτικό βοήθημα: Προσθήκη προσαρμοσμένης διάταξης σελίδας.

Δημιουργία προσαρμοσμένης διάταξης σελίδας

Για να δημιουργήσετε μια προσαρμοσμένη σελίδα, θα χρειαστεί να ακολουθήσετε τα παρακάτω βήματα:

• Δημιουργήστε ένα πρότυπο web που να περιέχει τον προσαρμοσμένο κώδικα.
• Δημιουργήστε και ρυθμίστε τις παραμέτρους ενός αντίστοιχου προτύπου σελίδας που θα εμφανίζεται ως προσαρμοσμένη διάταξη σελίδας κατά τη δημιουργία νέων ιστοσελίδων στον χώρο εργασίας Pages.

Δημιουργία προτύπου web

Το πρότυπο web θα περιέχει τον κώδικά σας για τη διάταξη. Ο κώδικας προτύπου Web μπορεί να είναι ένας συνδυασμός των Liquid, HTML, CSS και JavaScript.

Τα πρότυπα Web μπορούν να συμπεριληφθούν σε άλλο περιεχόμενο ή να συνδυαστούν με άλλα πρότυπα για τη δημιουργία αρθρωτού συστήματος προτύπων κατά τη δημιουργία εφαρμογών web.

1. Μετάβαση σε Power Pages.

2. Στο στούντιο σχεδίασης, επιλέξτε ... και στη συνέχεια, επιλέξτε Διαχείριση πύλης. Θα χρειαστεί να χρησιμοποιήσετε την εφαρμογή διαχείρισης πύλης για να δημιουργήσετε μια καρτέλα προτύπου web και να εισαγάγετε τον προσαρμοσμένο κωδικό σας.

   

3. Στην εφαρμογή διαχείρισης πύλης, κάντε κύλιση στην ενότητα Περιεχόμενο και επιλέξτε Πρότυπα Web.

4. Από την οθόνη Ενεργά πρότυπα Web επιλέξτε Δημιουργία.

   

5. Συμπληρώστε τα πεδία.

   Πεδίο	Τιμή
   'Ονομα	Πληκτρολογήστε ένα όνομα.
   Τοποθεσία Web	Επιλέξτε την τοποθεσία Web στην οποία θα εφαρμοστεί το θέμα. Τοποθετήστε τον δείκτη του ποντικιού στο πεδίο και πατήστε enter στο πληκτρολόγιό σας για να εμφανίσετε μια λίστα διαθέσιμων επιλογών.
   Πηγή	Το περιεχόμενο του πηγαίου κώδικα του προτύπου web, ο κώδικας είναι συνήθως ένας συνδυασμός των Liquid, HTML, CSS και JavaScript. Θα δημιουργήσετε τον κώδικα με βάση τις απαιτήσεις σας.
   Τύπος MIME	(Κάντε κύλιση προς τα κάτω για να προβάλετε αυτό το πεδίο) Το πεδίο παρέχει προαιρετικά έναν τύπο MIME για το περιεχόμενο του προτύπου. Ένας τύπος text/html λαμβάνεται υπόψη, εάν δεν παρέχεται κανένα. Αυτή η τιμή χρησιμοποιείται μόνο σε περιπτώσεις όπου το πρότυπο σχετίζεται με ένα πρότυπο σελίδας και ελέγχει την απόδοση όλων των περιεχομένων αυτού του προτύπου.

   

6. ΕπιλέξτεΑποθήκευση.

Δημιουργία προτύπου σελίδας

Τα πρότυπα Web μπορούν να χρησιμοποιηθούν με πρότυπα σελίδων για τη δημιουργία προσαρμοσμένων διατάξεων σελίδας που θα χρησιμοποιηθούν κατά τη δημιουργία νέων ιστοσελίδων στο στούντιο σχεδίασης.

1. Στην εφαρμογή διαχείρισης πύλης, κάντε κύλιση στην ενότητα τοποθεσία web και επιλέξτε Πρότυπα σελίδας.

2. Από την οθόνη Ενεργά πρότυπα σελίδας επιλέξτε Δημιουργία.

   

3. Συμπληρώστε τα πεδία.

   Πεδίο	Τιμή
   'Ονομα	Πληκτρολογήστε ένα όνομα.
   Τοποθεσία Web	Επιλέξτε την τοποθεσία Web στην οποία θα εφαρμοστεί το θέμα. Τοποθετήστε τον δείκτη του ποντικιού στο πεδίο και πατήστε enter στο πληκτρολόγιό σας για να εμφανίσετε μια λίστα διαθέσιμων επιλογών.
   Type	Επιλέξτε πρότυπα Web
   Πρότυπο Web	Επιλέξτε το πρότυπο web όπου βρίσκεται ο προσαρμοσμένος κώδικάς σας. Τοποθετήστε τον δείκτη του ποντικιού στο πεδίο και πατήστε enter στο πληκτρολόγιό σας για να εμφανίσετε μια λίστα διαθέσιμων επιλογών.
   Χρήση κεφαλίδας και υποσέλιδου τοποθεσίας Web	Αν η ρύθμιση έχει επιλεγεί, το πρότυπο web θα ελέγχει την απόδοση όλου του περιεχομένου της σελίδας μεταξύ της κεφαλίδας και του υποσέλιδου της καθολικής τοποθεσίας Web. Εάν αυτή η επιλογή δεν είναι επιλεγμένη, το πρότυπο web θα είναι υπεύθυνο για την απόδοση της απόκρισης εξ ολοκλήρου στην περίπτωση που αποδίδετε HTML, αυτό σημαίνει όλα τα στοιχεία από το doctype στις ριζικές ετικέτες <html> και όσα υπάρχουν μεταξύ τους.
   Είναι προεπιλογή	Δεν επιλέχθηκε.
   Όνομα πίνακα	Δεν επιλέχθηκε κανένας.
   Description	Μια περιγραφή του προτύπου σελίδας σας.

   

4. ΕπιλέξτεΑποθήκευση.

Ενώ οι πιο συνηθισμένες περιπτώσεις χρήσης των προτύπων web είναι η απόδοση HTML, ωστόσο η απόδοση της απόκρισης εξ ολοκλήρου (καταργώντας την επιλογή Χρήση κεφαλίδας και υποσέλιδου τοποθεσίας Web) σάς δίνει την επιλογή απόδοσης οποιασδήποτε μορφής που βασίζεται σε κείμενο. Αυτό είναι το σημείο όπου το χαρακτηριστικό Τύπος MIME του προτύπου web συσχετίζεται. Εάν αποδίδεται ένα πρότυπο σελίδας που δεν χρησιμοποιεί την κεφαλίδα και το υποσέλιδο, η κεφαλίδα τύπου περιεχομένου απόκρισης HTTP θα οριστεί στον τύπο MIME του συσχετισμένου προτύπου Web (text/html θα χρησιμοποιηθεί εάν δεν παρέχεται τύπος MIME.), παρέχοντας μια ευρεία ποικιλία επιλογών για απόδοση περιεχομένου που δεν είναι HTML με χρήση του Liquid. Μια συνηθισμένη περίπτωση χρήσης είναι η απόδοση μιας RSS τροφοδοσίας, ορίζοντας έναν τύπο MIME application/rss+xml.

Δημιουργία ιστοσελίδας με χρήση προσαρμοσμένου προτύπου

1. Στο στούντιο σχεδίασης, στον χώρο εργασίας Pages επιλέξτε + Σελίδα.

2. Στο παράθυρο διαλόγου Προσθήκη σελίδας.

   1. Εισαγάγετε Όνομα σελίδας
   2. Από τις προσαρμοσμένες διατάξεις, επιλέξτε την προσαρμοσμένη διάταξη σελίδας.
   3. Επιλέξτε Προσθήκη.

   

3. Επιλέξτε Προεπισκόπηση για να προβάλετε την προσαρμοσμένη σελίδα στην τοποθεσία.

Δείτε επίσης

• Εκπαιδευτικό βοήθημα: Προσθήκη προσαρμοσμένης διάταξης σελίδας
• Προεπισκόπηση Liquid