Κοινή χρήση μέσω

Διαχείριση αρχείων CSS

  • Άρθρο

Τα επικαλυπτόμενα φύλλα στυλ (CSS) σάς επιτρέπουν να ελέγχετε τη μορφοποίηση και το στυλ της τοποθεσίας σας.

Από προεπιλογή, οι νέες τοποθεσίες Power Pages έχουν εγκαταστήσεις αρχεία bootstrap.min.css, theme.css και portalbasictheme.css ως μέρος των προτύπων τοποθεσίας.

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

Όταν αποστέλλετε ένα νέο προσαρμοσμένο αρχείο CSS, είναι διαθέσιμο ως αρχείο Web στην εφαρμογή Διαχείριση πύλης.

Σημείωμα

Οι τοποθεσίες Power Pages χρησιμοποιούν το Bootstrap 3.3.x. Οι προγραμματιστές τοποθεσίας δεν πρέπει να αντικαταστήσουν τον τύπο εκκίνησης 3 με άλλες βιβλιοθήκες CSS, καθώς ορισμένα από τα σενάρια στο Power Pages εξαρτώνται από το σημείο εκκίνησης 3.3.x. Περισσότερες πληροφορίες: Επισκόπηση Bootstrap.

Διαχείριση προσαρμοσμένων CSS αρχείων στο χώρο εργασίας στυλ

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

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

  3. Επιλέξτε τον χώρο εργασίας Στυλ.

  4. Ενεργοποιήστε την Διαχείριση CSS από την περιοχή περισσότερων επιλογών στον χώρο εργασίας στυλ.

    Διαχειριστείτε αρχεία CSS χρησιμοποιώντας το στούντιο σχεδίασης.

Αποστολή αρχείων CSS

Στον πίνακα Διαχείριση CSS εμφανίζεται μια λίστα των προεπιλεγμένων αρχείων CSS:

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

Για να αποστείλετε το προσαρμοσμένο αρχείο CSS σας, επιλέξτε Αποστολή και επιλέξτε το προσαρμοσμένο αρχείο CSS σας.

Αποστολή αρχείων CSS χρησιμοποιώντας το στούντιο σχεδίασης.

Σημείωμα

  • Μπορείτε να αποστείλετε ένα προσαρμοσμένο αρχείο CSS έως και 1 MB.
  • Μόλις γίνει αποστολή του CSS προσαρμοσμένου αρχείου, η προεπισκόπηση θα εμφανιστεί στη δεξιά πλευρά.
  • Τα προσαρμοσμένα αρχεία CSS που αποστέλλονται θα ισχύουν για όλα τα θέματα.

Περισσότερες επιλογές

Επιλέξτε το ... (αποσιωπητικά) προς τα δεξιά του προσαρμοσμένου αρχείου CSS, όπου μπορείτε να μετακινήσετε το αρχείο υψηλότερα ή χαμηλότερα σε προτεραιότητα και να απενεργοποιήσετε το προσαρμοσμένο CSS αρχείο.

Σημείωμα

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

Σειρά προτεραιότητας για τα αρχεία CSS.

Αρχιτεκτονική

Οποιοδήποτε προσαρμοσμένο CSS αρχείο έχει μικρότερη προτεραιότητα από το προεπιλεγμένο portalbasictheme.css και υψηλότερο από το theme.css. Αυτός ο καθορισμός προτεραιοτήτων είναι η ενθάρρυνση της προσαρμογής στυλ χρησιμοποιώντας τον πίνακα στυλ για διαθέσιμες επιλογές στυλ.

Σημείωμα

Συνιστούμε το προσαρμοσμένο CSS να χρησιμοποιείται για τη μορφοποίηση μόνο στυλ που δεν παρέχονται έτοιμα στο τμήμα παραθύρου στυλ.

Προειδοποίηση

Μην απενεργοποιείτε, διαγράφετε ή αλλάζετε τη σειρά εμφάνισης οποιουδήποτε από τα προεπιλεγμένα αρχεία CSS (bootstrap.min.css, theme.css ή portalbasictheme.css). Θα εμφανιστεί ένα σφάλμα στο στούντιο σχεδίασης.
Ενημερώστε τα αρχεία CSS χρησιμοποιώντας την εφαρμογή Διαχείριση πυλών.
Ανοίξτε την εφαρμογή διαχείρισης πύλης και για να επαναφέρετε την προεπιλεγμένη κατάσταση και τη σειρά εμφάνισης των προεπιλεγμένων αρχείων CSS για την επίλυση του θέματος.

Διαγραφή προσαρμοσμένου αρχείου CSS

  1. Τα αρχεία CSS αποθηκεύονται ως αρχεία web. Για να καταργήσετε το προσρμοσμένο αρχείο CSS, μεταβείτε στην εφαρμογή Διαχείριση πύλης και επιλέξτε Αρχεία Web.

  2. Εντοπίστε την καρτέλα προσαρμοσμένου αρχείου CSS. Ενδεχομένως να χρειαστεί να φιλτράρετε τις τιμές Όνομα και Τοποθεσία Web για να εντοπίσετε τη σωστή καρτέλα.

  3. Αφού επιλέξετε την καρτέλα αρχείου web, επιλέξτε Διαγραφή.

  4. Στο στούντιο σχεδίασης, επιλέξτε ρύθμιση παραμέτρων συγχρονισμού για να απαλείψετε τις αλλαγές από το προσαρμοσμένο CSS.

Δείτε επίσης