Επισκόπηση
Τρία επαναχρησιμοποιούμενα στοιχεία διάταξης εμφανίζονται σχεδόν σε κάθε ενότητα του builder: Ομάδα, Κείμενο και Διαχωριστικό. Μαζί σου επιτρέπουν να δημιουργήσεις οποιαδήποτε διάταξη χωρίς να γράψεις CSS. Επίλεξε ένα block για να ανοίξεις τις ρυθμίσεις του.
Ομάδα
Η Ομάδα είναι ένα ευέλικτο δοχείο διάταξης. Πρόσθεσε blocks μέσα της (κείμενο, κουμπιά, εικόνες, πεδία newsletter, ακόμα και άλλες ομάδες) και έλεγξε πώς τοποθετούνται.
Κατεύθυνση
- Κάθετα: τα παιδιά στοιβάζονται από πάνω προς τα κάτω.
- Οριζόντια: τα παιδιά τοποθετούνται δίπλα-δίπλα σε σειρά.
Η εναλλαγή Κάθετη στοίβαξη σε κινητό εμφανίζεται μόνο όταν η Κατεύθυνση είναι Οριζόντια. Ενεργοποίησέ το για να μετατρέψεις μια οριζόντια σειρά σε κάθετη στοίβα σε μικρές οθόνες.
Θέση και Στοίχιση
Αυτές διανέμουν τα παιδιά κατά τον κύριο και δευτερεύοντα άξονα. Η σημασία τους αλλάζει ανάλογα με την κατεύθυνση και η επιλογή Μεταξύ (ίσο κενό μεταξύ των παιδιών) υπάρχει μόνο στον κύριο άξονα:
- Κάθετη κατεύθυνση: Θέση είναι ο κύριος (κάθετος) άξονας: πάνω, κέντρο, κάτω ή μεταξύ. Στοίχιση είναι ο δευτερεύων (οριζόντιος) άξονας: αριστερά, κέντρο ή δεξιά.
- Οριζόντια κατεύθυνση: Στοίχιση είναι ο κύριος (οριζόντιος) άξονας: αριστερά, κέντρο, δεξιά ή μεταξύ. Θέση είναι ο δευτερεύων (κάθετος) άξονας: πάνω, κέντρο ή κάτω.
Πλάτος
- Γέμισμα: επεκτείνεται για να καταλάβει όλο τον διαθέσιμο χώρο στον γονέα. Χρήσιμο για ομάδες που πρέπει να μοιράζονται εξίσου τον χώρο σε οριζόντιο γονέα.
- Προσαρμογή: συρρικνώνεται στο φυσικό μέγεθος του περιεχομένου της.
- Προσαρμοσμένο: εμφανίζει έναν slider Προσαρμοσμένου πλάτους ως ποσοστό (0 έως 100%). Η ομάδα διατηρεί αυτό το μέγεθος χωρίς να μεγαλώνει ή να μικραίνει.
Απόσταση
Το κενό σε pixels μεταξύ των παιδιών (0 έως 100 px, προεπιλογή 20 px).
Χρωματικό θέμα
Το Χρήση χρωματικού θέματος γονέα είναι ενεργό από προεπιλογή, έτσι η ομάδα κληρονομεί το θέμα του γονέα της. Απενεργοποίησέ το για να εμφανιστεί ο επιλογέας Χρωματικού θέματος και να διαλέξεις ένα από τα παγκόσμια θέματα. Έτσι μπορείς να δημιουργήσεις ξεχωριστές χρωματικές ζώνες μέσα σε μια ενότητα.
Περίγραμμα
Το Περίγραμμα είναι Κανένα ή Συμπαγές. Το συμπαγές εμφανίζει δύο sliders: Πάχος περιγράμματος (1 έως 20 px, προεπιλογή 1) και Διαφάνεια περιγράμματος (0 έως 100%, προεπιλογή 100). Το χρώμα προέρχεται από το ενεργό χρωματικό θέμα.
Ακτίνα γωνιών
Στρογγύλεμα γωνιών σε pixels (0 έως 100), ανεξάρτητα από το περίγραμμα. Ιδανικό για δοχεία τύπου κάρτας.
Επικάλυψη φόντου
Η εναλλαγή Επικάλυψη φόντου προσθέτει ένα χρωματιστό στρώμα πάνω από το φόντο της ομάδας. Όταν είναι ενεργή, επίλεξε Χρώμα επικάλυψης (με διαφάνεια μέσω του slider), Στυλ επικάλυψης (Συμπαγές ή Διαβάθμιση που ξεθωριάζει), και για διαβάθμιση την Κατεύθυνση διαβάθμισης (Πάνω ή Κάτω). Συνήθως χρησιμοποιείται για χρωματική απόχρωση σε φόντο πολυμέσων.
Εσωτερική απόσταση
Εσωτερικό κενό σε κάθε πλευρά σε pixels, 0 έως 100 px. Η εσωτερική απόσταση βρίσκεται μέσα στο περίγραμμα, ανάμεσα σε αυτό και τα παιδιά.
Κείμενο
Ένα block κειμένου εμφανίζει επικεφαλίδες, παραγράφους και μορφοποιημένο κείμενο. Ο rich text editor υποστηρίζει έντονα, πλάγια, υπογραμμισμένα, διαγραμμένα και χρωματιστά γράμματα.
Προεπιλογή
Η προεπιλογή τυπογραφίας ορίζει την οικογένεια γραμματοσειράς, το προεπιλεγμένο πάχος και το HTML tag (τον ρόλο του στη σελίδα):
- Προεπιλογή: κληρονομεί τη βασική μορφοποίηση της ενότητας.
- Παράγραφος: στυλ σώματος κειμένου.
- Επικεφαλίδα 1 έως Επικεφαλίδα 6: στυλ επικεφαλίδων, με τις γραμματοσειρές επικεφαλίδας και υπότιτλου.
Μέγεθος
Προσαρμοσμένο μέγεθος γραμματοσειράς σε pixels (10 έως 30 px, προεπιλογή 16). Αυτό είναι το πραγματικό μέγεθος που εμφανίζεται το block.
Πλάτος και Στοίχιση
- Προσαρμογή: το block έχει πλάτος όσο το περιεχόμενό του.
- Γέμισμα: το block επεκτείνεται στο 100% του πλάτους του δοχείου.
Η Στοίχιση (Αριστερά, Κέντρο, Δεξιά) εμφανίζεται μόνο όταν το Πλάτος είναι στο Γέμισμα, αφού η στοίχιση έχει νόημα μόνο όταν το block γεμίζει το δοχείο του.
Ύψος γραμμής και Απόσταση χαρακτήρων
Το Ύψος γραμμής ρυθμίζει τον κάθετο ρυθμό: Κανονικό (προεπιλογή), Σφιχτό ή Αραιό. Η Απόσταση χαρακτήρων έχει τις ίδιες τρεις επιλογές.
Χρωματικό θέμα
Μέσα σε ομάδα, το Χρήση χρωματικού θέματος γονέα είναι ενεργό από προεπιλογή. Απενεργοποίησέ το για να εμφανιστεί ο επιλογέας Χρωματικού θέματος. Οι επικεφαλίδες χρησιμοποιούν το χρώμα επικεφαλίδας του θέματος, οι παράγραφοι και η προεπιλογή το χρώμα σώματος. Ως ανεξάρτητη ενότητα, ο επιλογέας εμφανίζεται μόνος του χωρίς εναλλαγή κληρονομιάς.
Εσωτερική απόσταση
Εσωτερικό κενό σε κάθε πλευρά σε pixels, 0 έως 100 px.
Διαχωριστικό
Μια γραμμή διαχωρισμού που προσαρμόζεται στον γονέα της. Σε κάθετη διάταξη είναι οριζόντια γραμμή, σε οριζόντια ομάδα γίνεται κάθετη γραμμή.
Πλάτος
- Προσαρμογή: το δοχείο έχει πλάτος όσο η γραμμή.
- Γέμισμα: το δοχείο επεκτείνεται για να γεμίσει τον διαθέσιμο χώρο.
Πάχος
Πάχος γραμμής σε pixels (1 έως 10 px, προεπιλογή 1). Για οριζόντιο διαχωριστικό είναι το ύψος, για κάθετο είναι το πλάτος.
Μήκος
Το μήκος της γραμμής ως ποσοστό του δοχείου της (5 έως 100%, προεπιλογή 100). Ρύθμισέ το κάτω από 100% για μερική, εσοχή γραμμή.
Στοίχιση
Τοποθετεί τη γραμμή όταν το μήκος είναι κάτω από 100%: Αρχή, Κέντρο (προεπιλογή) ή Τέλος. Αυτό το στοιχείο ελέγχου κρύβεται όταν το μήκος είναι 100%.
Ακτίνα γωνιών
- Οξείες: ορθογώνιες άκρες.
- Στρογγυλεμένες: σχήμα χαπιού.
Χρωματικό θέμα
Προαιρετικά επίλεξε Χρωματικό θέμα. Το διαχωριστικό χρησιμοποιεί το χρώμα περιγράμματος από το θέμα. Αν δεν οριστεί, κληρονομεί το χρώμα από τη γονική ενότητα ή ομάδα.
Εσωτερική απόσταση
Κενό σε κάθε πλευρά σε pixels. Ως block το εύρος είναι 0 έως 100 px. Όταν το διαχωριστικό προστίθεται ως ενότητα κορυφαίου επιπέδου, η εσωτερική απόσταση φτάνει έως 200 px (προεπιλογή 20) για πιο άνετο κάθετο κενό.
Συχνά λάθη
- Δύο ομάδες με γέμισμα σε οριζόντιο γονέα: κάθε μία παίρνει το 50% του χώρου, που συνήθως είναι το επιθυμητό. Για να κάνεις τη μία πλευρά μεγαλύτερη, όρισε το Πλάτος αυτής της ομάδας σε Προσαρμοσμένο.
- Κάθετο διαχωριστικό δεν εμφανίζεται: το διαχωριστικό γίνεται κάθετο μόνο όταν είναι άμεσο παιδί ομάδας με Οριζόντια κατεύθυνση. Έλεγξε την κατεύθυνση της γονικής ομάδας.
- Λείπει η επιλογή Μεταξύ: το Μεταξύ εμφανίζεται μόνο στον άξονα που ρέουν τα παιδιά, δηλαδή στη Θέση για κάθετες ομάδες και στη Στοίχιση για οριζόντιες ομάδες.
- Κείμενο σε λάθος χρώμα: πιθανότατα κληρονομεί από γονική ομάδα με διαφορετικό θέμα. Απενεργοποίησε το Χρήση χρωματικού θέματος γονέα στο block κειμένου και επίλεξε το θέμα χειροκίνητα.
Για το πού μπορούν να τοποθετηθούν αυτά τα στοιχεία, δες Ενότητες και blocks.