this is single.php
content.php

Ο Gutenberg για το WordPress – Woocommerce

νέος επεξεργαστής κειμένου gutenberg για wordpress και woocommerce

Τι είναι ο νέος επεξεργαστής περιεχομένου Gutenberg για το WordPress και πώς θα μπορούσε να επηρεάσει το WordPress site σας;

Ο τρόπος με τον οποίο οι απανταχού admins δημιουργούν και επεξεργάζονται περιεχόμενο στο WordPress άλλαξε δραματικά στα τέλη της χρονιάς που μας πέρασε με το “ανέβασμα” της έκδοσης 5.0 του WordPress είχε ενσωματωμένο στον πυρήνα, αυτό που μέχρι τότε ήταν plugin, τον editor Gutenberg.

Κατά βάση αντικαθιστά τον κλασσικό επεξεργαστή TinyMCE, αλλά πηγαίνει πολύ παραπέρα δίνοντας στον χρήστη τη δυνατότητα μέσω των blocks που δίνουν οι σύγχρονοι page builders.

Σε γενικές γραμμές ο επεξεργαστής περιεχομένου Gutenber λειτουργεί με blocks διαφόρων τύπων περιεχομένου που στοιβάζονται το ένα πάνω στο άλλο, επιτρέποντας στον χρήστη να δημιουργήσει, με πολύ μεγαλύτερη ταχύτητα ομολογουμένως, αυτό που σε προηγούμενη έκδοση του WordPress θα χρειάζονταν είτε κάποιο custom theme είτε κάποιο page builder plugin για να το πετύχει.
Πριν την έκδοση 5.0 που βγήκε online τον Δεκέμβριο του 2018, ο Γουτεμβέργιος ήταν διαθέσιμος ως plugin (πρόσθετο) και ως τέτοιο έτυχε ανάμεικτης υποδοχής από την κοινότητα του WordPress με πολλές αρνητικές κριτικές, αλλά και πολλούς ενθουσιώδεις οπαδούς (στους οποίους περιλαμβάνεται και ο γράφων).

Η δημιουργία περιεχομένου έγινε πιο εύκολη και απλή διαδικασία για τον χρήστη δημιουργό!

Ο παλιός επεξεργαστής περιεχομένου του WordPress administration
Ο κλασσικός επεξεργαστής περιεχομένου

Η Automattic τόνισε αυτές τις τεκτονικές αλλαγές που συνεπάγονταν η ενσωμάτωση του νέου content editor ώστε να του δώσει το όνομα του εφευρέτη του τυπογράφου Johannes Gutenberg. Σκοπός του νέου επεξεργαστή περιεχομένου είναι να δώσει την ευκολία στον χρήστη να δημιουργεί περιεχόμενο που να μοιάζει (σχεδόν) ακριβώς με τη σελίδα ή άρθρο στο front-end του website.
Το αποτέλεσμα είναι πολύ μεγαλύτερη ταχύτητα και ευκολία για τον χρήστη καθώς του δίνει πολύ καλύτερη αίσθηση στο πώς να δομεί και να διαμορφώνει το περιεχόμενο του website του.

ο νέος επεξεργαστής περιεχομένου Gutenberg του WordPress administration
Ο νέος block based επεξεργαστής περιεχομένου Gutenber

Αυτό είναι και η μεγαλύτερη αλλαγή στην εμπειρία του χρήστη διαχειριστή. Με τον κλασσικό editor (που είναι ακόμη διαθέσιμος ως plugin) η εμφάνιση του περιεχομένου κατά τη δημιουργία του στο back-end είναι αποκομμένη από το πώς φαίνεται στο front-end.

Επίσης υπάρχει θέμα με τον τύπο του περιεχομένου που θέλουμε να ενσωματώσουμε στη σελίδα ή το άρθρο του website μας. Η εποχή του web που κυριαρχείται από το γραπτό κείμενο έχει παρέλθει οριστικά. Πλέον στις ιστοσελίδες ενσωματώνουμε κάθε είδος περιεχομένου που χρειάζεται για να δυναμώσει το θέμα ή το μήνυμά μας, πολύπλοκα γραφικά, φωτογραφίες υψηλής ανάλυσης, video embedded ή background, περίπλοκα animations.
Ο κλασσικός editor δεν βοηθούσε ιδιαίτερα στο αρμονικό “δέσιμο” όλων αυτών των στοιχείων σε μία σελίδα, ειδικά για χρήστες που δεν γνωρίζουν βασικές τεχνολογίες όπως html, css, javascript. Πολλές φορές βασικά θέματα όπως στοίχιση, κεντράρισμα, αποστάσεις ήταν σχεδόν αδύνατον να γίνουν με τον “οπτικό” editor χωρίς τη χρήση κώδικα. Άλλες φορές οι χρήστες έπρεπε να εισάγουν περίπλοκα shortcodes στη σελίδα ή το άρθρο τους.

Πώς λειτουργεί

Ο Gutenberg editor δίνει μία λύση σε όλα τα παραπάνω, χωρίζοντας τα διάφορα είδη περιεχόμενου ως διακριτά blocks. Κάθε block αντιπροσωπεύει έναν ξεχωριστό τύπο περιεχομένου και ως προς τον τύπο (κείμενο, εικόνα, βίντεο) και ως προς τη μορφή (παραθέσεις, κεφαλίδες, παράγραφοι).

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

Σύμφωνα με τα λόγια της ίδιας της Automattic σκοπός της ήταν να δώσουν στους διαχειριστές των ιστοσελίδων και τους δημιουργούς περιεχομένου, την δυνατότητα και ευελιξία, χωρίς οι ίδιοι να είναι developers, να αναπτύσσουν εύκολα περιεχόμενο όπως κεφαλίδες, λίστες, παραγράφους, πολυμέσα, στήλες, κουμπιά, ενσωματώσεις, photo galleries και πολλά άλλα που μέχρι σήμερα χρειάζονταν τη βοήθεια ενός expert wordpress developer.

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

Gutenberg για προχωρημένους

Οι δημιουργοί WordPress themes και plugins μπορούν να δημιουργήσουν τα δικά τους custom blocks για να συμπληρώσουν τα προϊόντα τους. Για παράδειγμα ένα theme με θέμα τα ακίνητα και το real estate θα μπορούσε να έχει το δικό του block “σπίτια”. Θα μπορούσε να έχει συγκεκριμένα πεδία όπως στοιχεία ακινήτου, περιγραφή, εμβαδό, τοποθεσία κλπ. Αυτό θα επέτρεπε στον διαχειριστή πολύ εύκολα να ενσωματώσει ένα ακίνητο σε οποιαδήποτε σελίδα ή άρθρο. Ο developer έχει τη δυνατότητα να προκαθορίσει το styling για κάθε custom block αφήνοντας στον χρήστη διαχειριστή απλά να έχει να σκεφτεί το περιεχόμενο. Αυτό αφαιρεί ένα μεγάλο πονοκέφαλο από τους δημιουργούς και παράλληλα ξεπερνάει τις ασυνέπειες και τα “σπασμένα” layouts του κλασσικού editor.

Sharing is caring!