Επισκόπηση θεμάτων
Σημείωση
- Από Οκτώβριο 2022, οι πύλες του Power Apps είναι Power Pages.
- Από τις 26 Φεβρουαρίου 2024, το Στούντιο των πυλών Power Apps παλαιού τύπου θα αποσυρθεί. Χρησιμοποιήστε το στούντιο σχεδίασης του Power Pages για να επεξεργαστείτε τις τοποθεσίες web σας. Περισσότερες πληροφορίες: Το στούντιο των πυλών του Power Apps πρόκειται να αποσυρθεί
- Αυτό το θέμα ισχύει για τις δυνατότητες παλαιού τύπου. Για πιο πρόσφατες πληροφορίες, μεταβείτε στην τεκμηρίωση Microsoft Power Pages.
Στις πύλες Power Apps, η δυνατότητα Ενεργοποίηση βασικού θέματος έχει οριστεί σε απενεργοποιημένη. Αν ενεργοποιήσετε αυτήν τη δυνατότητα, μπορείτε να χρησιμοποιήσετε προεπιλεγμένα θέματα που ονομάζονται Προεπιλογές. Μπορείτε, επίσης, να δημιουργήσετε αντίγραφα των προεπιλογών θεμάτων για πρόσθετη προσαρμογή.
Σε αυτό το άρθρο, θα περιηγηθείτε στις δυνατότητες των βασικών θεμάτων. Για προσαρμογή θεμάτων για προχωρημένους, ανατρέξτε στο θέμα Επεξεργασία CSS.
Ενεργοποίηση βασικών θεμάτων για υπάρχουσες πύλες
Συνδεθείτε στο Power Apps.
Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.
Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.
Επιλέξτε Θέματα από το αριστερό παράθυρο περιήγησης και, στη συνέχεια, ενεργοποιήστε την εναλλαγή Ενεργοποίηση βασικού θέματος.
Αλλάξτε ένα θέμα για την πύλη σας
Μπορείτε να ορίσετε οποιοδήποτε υπάρχον θέμα στην πύλη σας ως προεπιλεγμένο θέμα.
Συνδεθείτε στο Power Apps.
Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.
Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.
Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.
Επιλέξτε οποιοδήποτε προεπιλεγμένο θέμα από τις διαθέσιμες προεπιλογές (στο παράδειγμά μας, επιλέξαμε Πράσινο).
Το επιλεγμένο θέμα εφαρμόζεται στην πύλη σας.
Σημείωση
Μετά την αλλαγή θέματος ή ιδιοτήτων θέματος, όπως τα χρώματα στο εσωτερικό του Studio, επιλέξτε Περιήγηση στην τοποθεσία Web για να προβάλετε τις αλλαγές σε μια ξεχωριστή καρτέλα προγράμματος περιήγησης. Εάν κάνετε πολλές αλλαγές χρησιμοποιώντας αυτήν τη μέθοδο και μεταβείτε σε διαφορετικές σελίδες εντός του προγράμματος περιήγησης, η κρυφή μνήμη cache του προγράμματος περιήγησης μπορεί να κάνει το πρόγραμμα περιήγησής σας να εμφανίσει αλλαγές θέματος που δεν είναι πιο πρόσφατες. Εάν συμβεί αυτό, χρησιμοποιήστε Ctrl+F5 για να φορτώσετε εκ νέου τη σελίδα.
Δημιουργία νέου θέματος
Συνδεθείτε στο Power Apps.
Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.
Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.
Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.
Επιλέξτε Νέο θέμα.
Επεξεργασία λεπτομερειών θέματος
Μπορείτε να ενημερώσετε το όνομα θέματος, την περιγραφή, το χρώμα και άλλες ρυθμίσεις τυπογραφίας στο Power Apps Studio.
Συνδεθείτε στο Power Apps.
Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.
Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.
Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.
Επιλέξτε το θέμα που εφαρμόζεται τη δεδομένη στιγμή ή επιλέξτε ένα νέο θέμα από τις προεπιλογές. Η επιλογή ενός θέματος ανοίγει το τμήμα παραθύρου λεπτομερειών στη δεξιά πλευρά του χώρου εργασίας σας.
Επεξεργαστείτε τις λεπτομέρειες θέματος, όπως το όνομα, την περιγραφή και το χρώμα για διαφορετικές περιοχές.
Επιλογή χρώματος Επηρεαζόμενη περιοχή Κύρια Χρώμα κουμπιών και συνδέσεων. Κεφαλίδα Χρώμα φόντου κεφαλίδας. Κείμενο μενού κεφαλίδας Χρώμα κειμένου για το μενού κεφαλίδας. Κατάδειξη μενού κεφαλίδας Το χρώμα φόντου των στοιχείων μενού κατά την κατάδειξη με το ποντίκι. Φόντο σώματος Χρώμα φόντου της ενότητας σώματος. Φόντο υποσέλιδου Χρώμα φόντου για το υποσέλιδο. Κείμενο υποσέλιδου Χρώμα κειμένου υποσέλιδου. Αποθηκεύστε και δημοσιεύστε τις αλλαγές.
Αντιγραφή προεπιλεγμένου θέματος
Συνδεθείτε στο Power Apps.
Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.
Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.
Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.
Επιλέξτε το θέμα από τις προκαθορισμένες ρυθμίσεις που θέλετε να αντιγράψετε, επιλέξτε ... και στη συνέχεια επιλέξτε Προσαρμογή.
Ενημερώστε τις λεπτομέρειες θέματος όπως περιγράφεται στην προηγούμενη ενότητα και, στη συνέχεια, αποθηκεύστε το θέμα.
Μεταβλητές Sass
Η Sass είναι μια γλώσσα στυλ φύλλων με πλήρως συμβατή με CSS σύνταξη. Όταν ενεργοποιείτε τη δυνατότητα βασικού θέματος, μπορείτε να χρησιμοποιήσετε τις μεταβλητές Sass αντί για τιμές γαι να ρυθμίσετε τις παραμέτρους των χρωμάτων θέματος.
Για παράδειγμα, αν θέλετε το χρώμα της Κεφαλίδας να είναι 25 τοις εκατό πιο ανοιχτό από το Κύριο χρώμα, μπορείτε να χρησιμοποιήσετε την ακόλουθη τιμή αντί για ένα συγκεκριμένο χρώμα:
lighten($primaryColor, 25%);
Μπορείτε να χρησιμοποιήσετε τις παρακάτω μεταβλητές Sass με τα βασικά θέματα:
Επιλογή χρώματος | Όνομα μεταβλητής Sass |
---|---|
Κύρια | $primaryColor |
Κεφαλίδα | $headerColor |
Κείμενο μενού κεφαλίδας | $headerMenuTextColor |
Κατάδειξη μενού κεφαλίδας | $headerMenuHoverColor |
Φόντο σώματος | $bodyBackground |
Φόντο υποσέλιδου | $footerColor |
Κείμενο υποσέλιδου | $footerTextColor |
Σειρά μεταβλητών Sass
Εργασία των μεταβλητών Sass από επάνω προς τα κάτω. Μπορείτε να ορίσετε το χρώμα της Κεφαλίδας σε lighten($primaryColor, 25%);
. Ωστόσο, δεν μπορείτε να ορίσετε το Κύριο χρώμα σε lighten($headerColor, 25%);
γιατί η Κεφαλίδα είναι κάτω από το Κύριο στη λίστα των επιλογών χρώματος.
Σημεία που πρέπει να ληφθούν υπόψη για τα βασικά θέματα
- Δεν μπορείτε να έχετε δύο θέματα με το ίδιο όνομα θέματος ή με το ίδιο όνομα αρχείου θέματος.
- Κάθε τιμή χρώματος που πληκτρολογείτε με μη αυτόματο τρόπο πρέπει να είναι έγκυρου χρώματος.
- Η αλλαγή του CSS για προεπιλεγμένα θέματα δεν υποστηρίζεται.
- Η συνιστώμενη αναλογία αντίθεσης χρώματος προσκηνίου και παρασκηνίου θέματος είναι 4,5:1, για προσβασιμότητα.
Επόμενα βήματα
Δείτε επίσης
Στούντιο των πυλών του Power Apps
Δημιουργία και διαχείριση ιστοσελίδων
Πρόγραμμα επεξεργασίας WYSIWYG
Σημείωση
Μπορείτε να μας πείτε ποια γλώσσα προτιμάτε για την τεκμηρίωση; Πάρτε μέρος σε μια σύντομη έρευνα. (σημειώνεται ότι αυτή η έρευνα είναι στα Αγγλικά)
Η έρευνα θα διαρκέσει περίπου επτά λεπτά. Δεν συλλέγονται προσωπικά δεδομένα (δήλωση προστασίας προσωπικών δεδομένων).