Πώς να χρησιμοποιήσετε το Page Builder Sandwich

Γράφτηκε από

σε

,

Το Page Builder Sandwich δεν μοιάζει με τα συνηθισμένα page builder, είναι απλό και εύκολο στη χρήση.

Μπορείτε να δείτε το παρακάτω βίντεο για μια γρήγορη περιήγηση.

Πού βρίσκεται ο επεξεργαστής;

Πρώτα, δημιουργήστε μια νέα σελίδα, άρθρο ή CPT. Στη συνέχεια, επισκεφθείτε το νέο σας άρθρο ή οποιοδήποτε υπάρχον στο frontend σας. Το PBS είναι 100% frontend, δεν θα χρειαστεί να ασχοληθείτε με το backend.

Θα πρέπει να υπάρχει ένα κουμπί “Page Builder Sandwich” στο επάνω μέρος της σελίδας σας (στη γραμμή διαχείρισης), κάντε κλικ σε αυτό για να ξεκινήσετε την επεξεργασία. Θα δείτε την περιοχή μορφοποίησης κειμένου να εμφανίζεται από το επάνω μέρος και τον πίνακα προσθήκης στοιχείων να εμφανίζεται από το πλάι. Η περιοχή περιεχομένου του θέματός σας είναι πλέον ο επεξεργαστής σας!

Μπορείτε να επεξεργαστείτε μόνο μεμονωμένες σελίδες με το PBS. Δεν μπορείτε να επεξεργαστείτε μια λίστα άρθρων ιστολογίου ή μια σελίδα 404, καθώς αυτές δημιουργούνται από το θέμα σας. Τα άρθρα, οι σελίδες και οι προσαρμοσμένοι τύποι άρθρων (custom post types) υποστηρίζονται κανονικά.

Επεξεργασία του περιεχομένου σας

Τώρα έρχεται το καλύτερο μέρος.. μόλις βρεθείτε στο frontend και μέσα στον επεξεργαστή, κάντε κλικ σε οποιοδήποτε κείμενο στο περιεχόμενό σας ή κάντε κλικ μέσα στην περιοχή περιεχομένου σας και ξεκινήστε να πληκτρολογείτε! Σε αντίθεση με άλλα page builder, το PBS σας επιτρέπει να επεξεργάζεστε απευθείας το περιεχόμενο χωρίς να χρειάζεται να περνάτε από αναδυόμενα παράθυρα διαλόγου.

Μορφοποίηση του περιεχομένου σας / Κάνοντας τα πράγματα να φαίνονται όμορφα

dcb1615380 file 9OtagMFi2c

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

Προσθήκη στοιχείων

ecfd309bb2 file yDqiNEv73s

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

Για να εισαγάγετε οποιοδήποτε στοιχείο, κρατήστε πατημένο το ποντίκι σας πάνω σε αυτό και, στη συνέχεια, σύρετέ το στην περιοχή περιεχομένου σας. Η περιοχή όπου θα τοποθετηθεί το στοιχείο θα επισημανθεί. Αφήστε το κουμπί του ποντικιού σας για να τοποθετήσετε το στοιχείο.

Στυλ και τροποποίηση στοιχείων

Περάστε το ποντίκι σας πάνω από οποιοδήποτε στοιχείο έχετε στο περιεχόμενό σας και τότε θα εμφανιστούν περιγράμματα και γραμμές εργαλείων πάνω τους.

0046713cb7 file YU6nUCc7jYΜπορείτε να περάσετε το ποντίκι σας πάνω από τις άκρες των περιγραμμάτων για να αυξήσετε/μειώσετε τα περιθώρια μεταξύ των στοιχείων.

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

5c220b4ac9 file Odem5RLPok

Ο Επιθεωρητής Ιδιοτήτων

3e7e48b754 file INy1v5z9Oz

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

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

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

Χρήση Shortcodes

Το Page Builder Sandwich σας εμφανίζει τα πραγματικά shortcodes στο frontend, και μπορείτε να τα επεξεργαστείτε εύκολα επίσης!

edee730340 file TqfWB9yv3y

Εάν έχετε απομνημονεύσει τα shortcodes σας, μπορείτε να εισαγάγετε shortcodes πληκτρολογώντας τα απευθείας στο περιεχόμενό σας. Αλλά αν δεν τα έχετε απομνημονεύσει όλα (ποιος το κάνει αυτό;), ο επιθεωρητής παραθέτει όλα τα shortcodes που είναι διαθέσιμα στον ιστότοπό σας. Σύρετε ένα κουμπί Shortcode από τον επιθεωρητή στην περιοχή περιεχομένου σας και βρείτε αυτό που θέλετε να εισαγάγετε, κάντε κλικ σε αυτό για να το εισαγάγετε.

Τα shortcodes αποδίδονται σε πραγματικό περιεχόμενο στο frontend· για να τα επεξεργαστείτε, μπορείτε να τα επιλέξετε και να δείτε τις ιδιότητές τους στον επιθεωρητή. Ή για μεγαλύτερο έλεγχο, μπορείτε να κάνετε διπλό κλικ στο shortcode για να το επεξεργαστείτε στην αρχική του μορφή. Αφού πραγματοποιήσετε τις αλλαγές σας, το shortcode σας θα ενημερωθεί αντικατοπτρίζοντας τις αλλαγές.

Αναδιάταξη του περιεχομένου σας

Μπορείτε να κάνετε κλικ και να σύρετε οτιδήποτε και να το μετακινήσετε οπουδήποτε με το PBS. Όταν σύρετε κάτι, μετακινήστε το πάνω από ένα άλλο στοιχείο στη σελίδα, μπορείτε να το μετακινήσετε είτε πάνω είτε κάτω από οποιοδήποτε άλλο περιεχόμενο.

Αποθήκευση της δουλειάς σας

ae0cf6f413 file

Μόλις είστε ικανοποιημένοι με το σχέδιό σας, απλώς κάντε κλικ στο κουμπί αποθήκευσης στο επάνω αριστερό μέρος της σελίδας σας. Αυτό ήταν!