Πώς να χρησιμοποιήσετε το εργαλείο δημιουργίας διάταξης κεφαλίδας, υποσέλιδου και στήλης Avada

Το δικό μας εργαλείο δημιουργίας σελίδων, το Avada Builder, είναι τώρα διαθέσιμο σε δύο διεπαφές: το Avada Builder, το οποίο είναι το back-end wireframe page builder μας, και το Avada Live, το οποίο είναι το front-end builder, το οποίο παρουσιάστηκε μόλις πρόσφατα με το Avada 6.0 Το

Χρησιμοποιώντας το απλό μας σύστημα Containers, στήλες και στοιχεία, και οι δύο εκδόσεις του Avada Builder σάς επιτρέπουν να σχεδιάζετε εύκολα όμορφες διατάξεις σελίδων για τον ιστότοπό σας. Το Avada Builder είναι ένα φανταστικό εργαλείο τόσο για σύγχρονους σχεδιαστές ιστοσελίδων όσο και για ιδιοκτήτες ιστότοπων, καθώς τους δίνει τον πλήρη έλεγχο σε όλες τις πτυχές του περιεχομένου της σελίδας και της διάταξης. Και οι δύο εκδόσεις του Avada Builder παράγουν επίσης τον ίδιο κώδικα. Είναι εντελώς εναλλάξιμα, επιτρέποντάς σας να έχετε τα καλύτερα και των δύο κόσμων με το Avada Builder, το οποίο είναι διαθέσιμο αυτήν τη στιγμή.

Η σελίδα Layout Builder είναι όπου θα βρείτε όλες τις διατάξεις σας και τυχόν διατάξεις υπό όρους που μπορεί να θέλετε να δημιουργήσετε εκτός από την καθολική διάταξη που δημιουργήθηκε από προεπιλογή. Επίσης, βρίσκεται εδώ η περιοχή όπου αντιστοιχίζετε τις ενότητες διάταξης στις διατάξεις σας και καθορίζετε τις προϋποθέσεις για να τεθούν σε ισχύ οι διατάξεις διάταξης υπό όρους.

Μπορείτε να έχετε πρόσβαση στο Δομητή Διάταξης από τον Πίνακα ελέγχου Avada επιλέγοντας Διάταξη> Δομητής Διάταξης από το αναπτυσσόμενο μενού. Ένας από τους πιο απλούς τρόπους για να περιγράψετε τις διατάξεις είναι να πείτε ότι πρόκειται για κοντέινερ που φιλοξενούν τα τέσσερα τμήματα διάταξης μιας σελίδας - την ενότητα κεφαλίδας, την ενότητα γραμμής τίτλου σελίδας, την ενότητα περιεχομένου και την ενότητα υποσέλιδου. Μπορείτε να μάθετε περισσότερα σχετικά με τις διαφορές μεταξύ των ενοτήτων διάταξης και των διατάξεων διαβάζοντας αυτό το έγγραφο: Κατανόηση των διατάξεων και των τμημάτων διάταξης (PDF). Συνεχίστε να διαβάζετε για να μάθετε περισσότερα σχετικά με τα πράγματα που μπορείτε να κάνετε σε αυτήν τη σελίδα.

Δύο μέρη βρίσκονται στην κορυφή της σελίδας Δημιουργίας διάταξης. Μια τεχνική συμπλήρωσης των ενοτήτων διάταξης στην καθολική διάταξη ή δημιουργίας διατάξεων υπό όρους περιγράφεται στο πρώτο τμήμα (υπόδειξη: μπορείτε να το κλείσετε με το Χ) και στη δεξιά πλευρά της οθόνης υπάρχει μια περιοχή από την οποία μπορείτε να δημιουργήστε απευθείας νέες διατάξεις (δείτε παρακάτω). Πληκτρολογήστε ένα όνομα για τη νέα σας διάταξη και, στη συνέχεια, κάντε κλικ στο Δημιουργία νέας διάταξης για να ολοκληρώσετε τη διαδικασία. Όταν χρησιμοποιείται αυτή η μέθοδος δημιουργείται μια κενή διάταξη. Δεν καθορίζονται Ενότητες ή προϋποθέσεις διάταξης.

Καθώς δημιουργείτε Διάταξη, εισάγονται αυτόματα στη σελίδα Δημιουργίας διάταξης. Μπορείτε να μετονομάσετε μια διάταξη κάνοντας κλικ στο κουμπί Μετονομασία στο επάνω μέρος της σελίδας. Μπορείτε επίσης να κάνετε κλικ στο εικονίδιο γρανάζι για να καθορίσετε συνθήκες για τη Διάταξη και μπορείτε να διαγράψετε μια Διάταξη κάνοντας κλικ στο εικονίδιο Κάδος στο επάνω μέρος της σελίδας. Μπορείτε επίσης να δείτε και να εκχωρήσετε κριτήρια κάνοντας κλικ στο κάτω μέρος όλων των διατάξεων, εκτός από την καθολική διάταξη.

Σε κάθε διάταξη, μπορείτε να δείτε τις τέσσερις ενότητες διάταξης που έχουν εκχωρηθεί σε μια συγκεκριμένη διάταξη, μία για κάθε μία από τις τέσσερις διατάξεις. Σε κάθε ενότητα διάταξης, θα δείτε ένα εικονίδιο +, το οποίο θα σας επιτρέψει να αντιστοιχίσετε μια ενότητα διάταξης σε αυτήν την ενότητα της διάταξης όταν μετακινείτε το ποντίκι σας πάνω από αυτό. Έχετε την επιλογή να εκχωρήσετε μια υπάρχουσα ενότητα διάταξης σε αυτήν την ενότητα ή να δημιουργήσετε μια ολοκαίνουργια ενότητα από την αρχή.

Χρήση διάταξης ενότητας

Ως μέρος των διατάξεων Avada, μπορείτε τώρα να δημιουργήσετε πλήρως προσαρμόσιμα υποσέλιδα για τον ιστότοπό σας, αξιοποιώντας όλη τη δημιουργική ικανότητα του Avada Builder να το επιτύχει αυτό.

Η διάταξη υποσέλιδου είναι μια ενότητα διάταξης που προστίθεται σε μια διάταξη. Για ex amp le, μια προσαρμοσμένη Τελικοί απαιτεί Υποσέλιδο Διάταξη τμήματος, το οποίο μπορεί να προστεθεί είτε στο Παγκόσμιο ή προσαρμοσμένη διάταξη. Θα εξετάσουμε την κατασκευή ενός τμήματος διάταξης προσαρμοσμένου υποσέλιδου στην επόμενη ενότητα, αλλά πρώτα, ας δούμε την εισαγωγή των διατάξεων Avada.

Στην πλαϊνή γραμμή του WordPress ή στον Πίνακα ελέγχου Avada, επιλέξτε Avada> Διάταξη. Τα τμήματα διάταξης και διάταξης του Avada δημιουργούνται και διαχειρίζονται εδώ. Όπως φαίνεται παρακάτω, η καθολική διάταξη είναι αρχικά κενή, χωρίς σχετικές ενότητες διάταξης.

Προσαρμογή μιας διάταξης

Αυτή η ενότητα μπορεί να προστεθεί στην Παγκόσμια διάταξη ή σε μια διάταξη υπό όρους, που εμφανίζεται μόνο σε ορισμένα προσαρμοσμένα είδη αναρτήσεων ή μεμονωμένες σελίδες. Το Global Layout είναι ήδη παρόν, αλλά πρέπει πρώτα να αναπτύξουμε μια διάταξη υπό όρους.

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

Δημιουργήστε μια ενότητα διάταξης υποσέλιδου εάν θέλετε να την προσθέσετε σε μια υπάρχουσα διάταξη ή στην καθολική διάταξη.

Στην οθόνη Layout Τμήμα Builder, επιλέξτε τον τύπο της διάταξης ενότητα, εισάγετε ένα όνομα (σε αυτή την πρώην amp le, Υποσέλιδο, ενδεχομένως Παγκόσμια Υποσέλιδο) και κάντε κλικ στην επιλογή Δημιουργία νέας διάταξης τμήμα, όπως φαίνεται παρακάτω.

Η παρακάτω εικόνα δείχνει πώς να δημιουργήσετε ένα τμήμα διάταξης απευθείας από τη διάταξη. Οι ενότητες διάταξης του ιστότοπού σας πρέπει να προστεθούν σε μια διάταξη. Αρχικά, υπάρχει απλά ένα Global Layout. Έτσι, για να δημιουργήσετε ένα καθολικό προσαρμοσμένο υποσέλιδο, προσθέστε το σε αυτήν τη διάταξη. Τμήμα διάταξης προσαρμοσμένου υποσέλιδου και, στη συνέχεια, προσθέστε συνθήκες στην ενότητα διάταξης προσαρμοσμένου υποσέλιδου για να εμφανιστεί η διάταξη σύμφωνα με τα κριτήρια.

Δεν υπάρχει τίποτα κακό σε αυτό, αλλά είναι ζωτικής σημασίας να εξετάσουμε την κατάσταση. Εάν το Layout είναι προς το παρόν ενεργό (δηλαδή, έχει συνθήκες ή είναι το Global Layout), τυχόν νέες ενότητες διάταξης θα είναι ενεργές αμέσως και κενές. Είναι πιο λογικό να προσθέσετε ένα Προσαρμοσμένο υποσέλιδο σε μια Παγκόσμια διάταξη μέσω της σελίδας Δημιουργός ενότητας Διάταξης πρώτα και, στη συνέχεια, να το προσθέσετε στην Καθολική διάταξη.

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

Προσθήκη ενότητας διάταξης υποσέλιδου σε διάταξη υπό όρους

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

Ο προεπιλεγμένος επεξεργαστής WordPress εμφανίζεται κατά την επεξεργασία μιας νέας ενότητας διάταξης. μπορείτε να χρησιμοποιήσετε το Avada Builder ή το Avada Live από εδώ. Οι προσαρμοσμένες ενότητες διάταξης δημιουργούνται εδώ. Για πρόσθετες πληροφορίες, ανατρέξτε στην ενότητα Δημιουργία περιεχομένου ενότητας διάταξης, αλλά με λίγα λόγια, μπορείτε να δημιουργήσετε οτιδήποτε εδώ.

Το Custom Footer σας μπορεί να περιέχει οτιδήποτε μπορείτε να δημιουργήσετε στο Avada Builder. Μπορείτε να έχετε πολλές στήλες, φωτογραφίες κ.λπ. Αυτό επιτρέπει τεράστια ευελιξία. Η ενότητα Διάταξη είναι όπου θα εμφανιστεί το υλικό του υποσέλιδου. Το υλικό προέρχεται από το Builder και η δημιουργικότητά σας είναι ο μόνος περιορισμός.

Δείτε το αρχικό υποσέλιδο που δημιουργήθηκε για το Demo Taxi παρακάτω. Αυτό έγινε με την αλλαγή των επιλογών θέματος και των γραφικών στοιχείων υποσέλιδου.

Ταξί Επίδειξη> Βασικά Υποσέλιδο»src =» https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Κοιτάξτε το προσαρμοσμένο υποσέλιδο Avada Layouts.

Η έκδοση επιφάνειας εργασίας αυτής της προσαρμοσμένης κεφαλίδας εμφανίζεται εδώ, αλλά για να κατανοήσετε σωστά το πεδίο εφαρμογής αυτής της προσαρμοσμένης κεφαλίδας, πρέπει να επισκεφθείτε τον ζωντανό ιστότοπο, στον οποίο μπορείτε να αποκτήσετε πρόσβαση εδώ.

Σχεδιασμός υπό όρους διάταξης

Χωρίς προϋποθέσεις σε μια παγκόσμια διάταξη. Η προσθήκη ενοτήτων διάταξης σε αυτήν θα χρησιμοποιείται σε κάθε σελίδα επειδή είναι καθολική. Εάν χρειάζεστε μόνο ένα προσαρμοσμένο υποσέλιδο σε ορισμένες σελίδες του ιστότοπού σας, όπως μεμονωμένα άρθρα ιστολογίου, θα πρέπει να χρησιμοποιήσετε μια διάταξη υπό όρους.

Μια διάταξη υπό όρους μπορεί να περιέχει μόνο υπάρχουσες ενότητες διάταξης. Στη συνέχεια, στην καρτέλα "Επιλογή υποσέλιδου διάταξης", μεταβείτε στο "Υπάρχει", όπου μπορείτε να προσθέσετε την ενότητα διάταξης, όπως φαίνεται παρακάτω.

Εκχώρηση ενότητας προσαρμοσμένης διάταξης

Πρέπει να ορίσετε τις προϋποθέσεις για οποιαδήποτε διάταξη υπό όρους. Η διάταξη είναι ενεργή μόλις καθοριστούν οι συνθήκες. Επομένως, εάν το κάνετε αυτό πριν από τη δημιουργία της ενότητας διάταξης, οι σελίδες που ταιριάζουν με τις συνθήκες θα είναι κενές.

Για να προσθέσετε μια συνθήκη, επιλέξτε Προσθήκη συνθήκης από το κάτω μενού της διάταξης. Εμφανίζεται ένα παράθυρο διαλόγου, όπως φαίνεται παρακάτω. Για περισσότερες πληροφορίες σχετικά με όρους σχεδιαγράμματα, δείτε Κατανόηση όρους σχεδιαγράμματα, αλλά γι 'αυτό το πρώην amp le, θα επιλέξετε όλα τα μηνύματα στην καρτέλα Μηνύματα συνθήκες, όπως φαίνεται παρακάτω.

Προσθήκη στηλών από το Avada Layout builder

Το στοιχείο στήλης, όπως το στοιχείο κοντέινερ, είναι ένα βασικό δομικό στοιχείο κατά το σχεδιασμό μιας τοποθεσίας Avada.

Η προσθήκη στηλών είναι σχετικά εύκολη με το Avada Layout builder.

  • Κάντε κλικ στο κουμπί ' + Container ' για να προσθέσετε ένα Container στη σελίδα. Κατά την εισαγωγή ενός κοντέινερ, θα σας ζητηθεί να επιλέξετε μια διάταξη στήλης ή στήλης. Μπορείτε να δημιουργήσετε ένα κενό Container, αλλά συνήθως προσθέτετε στήλες σε αυτό το βήμα.
  • Για να προσθέσετε νέες στήλες σε ένα υπάρχον Container, τοποθετήστε το δείκτη του ποντικιού πάνω από το Container και κάντε κλικ στο κουμπί ' + Column '. Για να προσθέσετε μια νέα στήλη, κάντε κλικ εδώ.
  • Στην επάνω αριστερή γωνία μιας στήλης, κάντε κλικ στο εικονίδιο «Αλλαγή μεγέθους στήλης». Θα έχει το ίδιο μέγεθος με τη Στήλη σας τώρα. Για παράδειγμα amp 1/4 θα εμφανιστεί ως '1/4 ' κάτω από την επιλογή Αλλαγή μεγέθους στήλης.
  • Σύρετε και αποθέστε στήλες για να τις αναδιατάξετε. Μπορείτε επίσης να σύρετε και να αποθέσετε στήλες στα κοντέινερ.

Μια στήλη μπορεί να τοποθετηθεί μόνο μέσα σε ένα στοιχείο δοχείου με το ίδιο πλάτος. Αυτό είναι συνήθως το Πλάτος τοποθεσίας που έχετε ορίσει για τον ιστότοπο. Έτσι, εάν ορίσετε το πλάτος της τοποθεσίας σε 1200 px, μια στήλη 1/2 θα έχει πλάτος 600 px. Τα προεπιλεγμένα μεγέθη στηλών εμφανίζονται παρακάτω όταν προστίθενται σε μια σελίδα.

Στο Avada, μπορείτε να ορίσετε ξεχωριστά πλάτη στηλών (και περισσότερα) σε μεγάλες, μεσαίες και μικροσκοπικές διατάξεις Πώς να ορίσετε τη σειρά εμφάνισης και το μέγεθος των στηλών σε αποκριτικές διατάξεις, εξηγεί πώς να χρησιμοποιήσετε αυτήν την εξαιρετική νέα λειτουργία με στήλες.

Τα προσαρμοσμένα πλάτη βρίσκονται στην περιοχή Στήλες > Σχεδίαση > Πλάτος . Όπως φαίνεται παρακάτω, η χρήση ενός ποσοστού αριθμού σάς επιτρέπει να καθορίσετε ένα προσαρμοσμένο πλάτος. Έτσι, η τοποθέτηση είναι απεριόριστη

Το Auto είναι μια νέα επιλογή πλάτους. Αντί για σταθερό πλάτος, η στήλη θα καταλαμβάνει το χώρο του πιο σημαντικού στοιχείου μέσα της. Έτσι λειτουργεί μόνο σε ορισμένες περιπτώσεις. Μπορείτε να αλλάξετε τη γονική στήλη σε Auto και η στήλη θα αλλάξει μέγεθος στο πλάτος του στοιχείου.

Η Avada προσθέτει επίσης Responsive Option Sets για Containers and Colonns. Στο πίσω μέρος του Builder, μπορείτε να δείτε τα αποκριτικά εικονίδια σε όλες τις στήλες, όπως φαίνεται στην παρακάτω εικόνα. Το Front-End Builder εμφανίζει τα εικονίδια απόκρισης στις επιλογές.

Μόνο τα νέα Flex Containers εμφανίζουν σύνολα απόκρισης επιλογών. Οι στήλες στα κοντέινερ παλαιού τύπου δεν είναι διαθέσιμες.

συμπέρασμα

Χάρη στις διατάξεις Avada, η δυνατότητα δημιουργίας προσαρμοσμένου υποσέλιδου, κεφαλίδας και προσθήκης στηλών είναι πλέον πραγματικότητα και μια σχεδόν απεριόριστη επιλογή. Όχι μόνο μπορείτε να χρησιμοποιήσετε τη δύναμη του Avada Builder για να δημιουργήσετε σχεδόν οποιοδήποτε υποσέλιδο ή κεφαλίδα μπορείτε να φανταστείτε, αλλά μπορείτε επίσης να αξιοποιήσετε τη δύναμη των διατάξεων υπό όρους για να τις εμφανίσετε ή να τις αποκρύψετε σε οποιαδήποτε σελίδα, κατηγορία, προσαρμοσμένο τύπο ανάρτησης ή οποιοδήποτε συνδυασμό κριτήρια που μπορείτε να σκεφτείτε χρησιμοποιώντας το Avada Builder.

Όσον αφορά τις διατάξεις του WordPress, το Avada Layouts είναι ένα παιχνίδι αλλαγής με την κυριολεκτική έννοια. Το γεγονός ότι επιτρέπει τέτοια ελευθερία σχεδιασμού και ευελιξία στην ανάπτυξη σημαίνει ότι η διαδικασία δημιουργίας υποσέλιδων δεν θα είναι ποτέ η ίδια.

Αφήστε ένα σχόλιο

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία επισημαίνονται με *