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

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

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

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

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

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

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

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

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

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

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

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

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

Μορφοποίηση και τροποποίηση στοιχείων

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

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

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

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

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

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

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

Χρήση Shortcodes

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

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

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

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

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

Αποθήκευση της εργασίας σας

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