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

Συνεχίζοντας στο μέλλον, στόχος του WordPress είναι να μετατρέψει το Gutenberg κειμενογράφο σε ένα page builder με τον οποίο θα μπορείς να δημιουργείς και να σχεδιάζεις ολόκληρες σελίδες ή μολεμένα μέρη όπως headers, footers και 404 Page Error σελίδες. Επιπλέον, τα νέα μπλοκ θα σε βοηθήσουν να μορφοποιήσεις ακόμα περισσότερο τα μπλοκ που προσθέτεις με περισσότερες δυνατότητες χρωματισμού, διαφορετικές γραμματοσειρές και μεγαλύτερες ή μικρότερες αποστάσεις μεταξύ τους.

Τι νέο υπάρχει στο WordPress 6.0

Το WordPress 6.0 είναι η δεύτερη μεγάλη ενημέρωση της CMS πλατφόρμας για φέτος και έρχεται με σκοπό να βελτιώσει τον τρόπο με τον οποίο δημιουργείς νέες σελίδες και άρθρα, φέρνοντας νέες επιλογές μορφοποίησης, νέα μπλοκ και υψηλότερες επιδόσεις στην ταχύτητα.

1. Βελτιωμένη εμπειρία γραφής

Θα ξεκινήσω αρχικά με τις νέες βελτιώσεις του κειμενογράφου, καθώς αυτό είναι το εργαλείο μέσα στο WordPress με το οποίο καλώς ή κακώς περνάμε το μεγαλύτερο μέρος του χρόνου μας ως bloggers. Οι νέες αλλαγές φέρνουν:

• Μπορείς πλέον να επεξεργάζεσαι το κείμενο ταυτόχρονα σε πολλαπλά μπλοκ.

• Αν πληκτρολογήσεις δύο ανοιχτές αγκύλες [[ θα εμφανιστεί το μενού συνδέσμων από άλλα άρθρα του blog σου.
• Μπορείς πλέον να διατηρείς τα υπάρχοντα στυλ όταν μετατρέπεις συγκεκριμένα μπλοκ, όπως για παράδειγμα από παράγραφο σε κώδικα.
• Όταν δημιουργείς προσαρμοσμένα κουμπιά, τα νέα που προσθέτεις θα διατηρούν αυτόματα το στυλ του πρώτου κουμπιού.
• Νέες επιλογές για τα μπλοκ ετικετοσύννεφα και τα social media εικονίδια. Το ετικετοσύννεφο έλαβε επίσης και ένα καινούργιο στυλ διάρθρωσης.

2. Εναλλαγή στυλ

Τα θέματα (themes) που υποστηρίζουν τον κειμενογράφο με τα μπλοκ θα μπορούν πλέον να έχουν πολλαπλές παραλλαγές από διαφορετικά στυλ. Με αυτό τον τρόπο η πλατφόρμα θα επεκτείνει ακόμα περισσότερο τις δυνατότητες των χρηστών ώστε να αλλάζουν με ευκολία την εμφάνιση και το ύφος του blog τους. Για παράδειγμα, θα μπορείς να αλλάζεις τις διαθέσιμες ρυθμίσεις, τις γραμματοσειρές, τις επιλογές του στυλ και τα χρώματα με λίγα μόλις κλικ.

3. Περισσότερες Επιλογές Προτύπων

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

4. Ενσωματωμένα Μοτίβα

Τα μοτίβα θα εμφανίζονται πλέον σε ακόμα περισσότερα σημεία, όπως στη γρήγορη εισαγωγή ή κατά τη δημιουργία μιας νέας κεφαλίδας ή υποσέλιδου (footer). Οι προγραμματιστές μπορούν επίσης να καταχωρήσουν μοτίβα από τον κατάλογο μοτίβων χρησιμοποιώντας το theme.json, επιτρέποντάς τους να δώσουν προτεραιότητα σε συγκεκριμένα μοτίβα που είναι πιο χρήσιμα για τους χρήστες.

Μπορείς επίσης να επισκεφτείς τη σελίδα Patterns του WordPress και με το πάτημα ενός κουμπιού να αντιγράψεις όποιο μοτίβο σου αρέσει περισσότερο και απλά επικολλώντας το στο Gutenberg να εμφανιστεί έτοιμο και προσαρμόσιμο βάση των δικών σου αναγκών.

5. Καλύτερη λίστα προβολής

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

6. Στοιχεία ελέγχου κλειδώματος μπλοκ

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

7. Επιπλέον Εργαλεία Σχεδίασης

Τα εργαλεία σχεδίασης γίνονται πιο ισχυρά και διαισθητικά με κάθε κυκλοφορία.
Μερικές από τις λειτουργίες του WordPress 6.0 περιλαμβάνουν:

1. Νέος σχεδιασμός για τον πίνακα χρωμάτων που εξοικονομεί χώρο, αλλά εξακολουθεί να δείχνει τις επιλογές με μια ματιά.
2. Τα νέα στοιχεία ελέγχου πλαισίων προσφέρουν έναν απλούστερο τρόπο για να ρυθμίζεις τα πλαίσια σου όπως ακριβώς θέλεις.
3. Τα επίπεδα διαφάνειας για τα χρώματά επιτρέπουν ακόμα πιο δημιουργικές επιλογές χρωμάτων.
4. Έλεγξε τα κενά, τα περιθώρια, την τυπογραφία και πολλά άλλα σε μια συλλογή μπλοκ, όλα ταυτόχρονα, στο μπλοκ Ομάδας.
5. Εναλλαγή μεταξύ παραλλαγών στοίβας, γραμμών και ομάδων για να τοποθετείς ομάδες μπλοκς με μεγαλύτερη ευελιξία διάταξης.
6. Χρησιμοποίησε τη λειτουργία υποστήριξης κενού στο μπλοκ συλλογής για να δημιουργήσεις διαφορετικές εμφανίσεις, από την προσθήκη απόστασης μεταξύ όλων των εικόνων έως την πλήρη κατάργηση του διάστιχου.

Αν δεν έχεις αναβαθμίσει το blog σου στο WordPress 6.0, τότε αυτή είναι η καλύτερη ευκαιρία για να το κάνεις και να απολαύσεις όλες τις νέες δυνατότητες και τα χαρακτηριστικά που φέρνει μαζί της η νέα έκδοση της πλατφόρμας.

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

Το πρόβλημα: Με τις τελευταίες εκδόσεις του WordPress, έχει αλλάξει η γραμματοσειρά μέσα στον κειμενογράφο (Gutenberg) και η γραφή κειμένων για άρθρα και σελίδες είναι πιο κουραστική. Για αρκετούς, υπάρχει επίσης μικρό κενό μεταξύ των παραγράφων, με αποτέλεσμα να κουράζονται τα μάτια περισσότερο όταν γράφουμε για αρκετές ώρες άρθρα.

Διάβασε επίσης: Δωρεάν γραμματοσειρές από ιστοσελίδες με απεριόριστα fonts

Συχνές Ερωτήσεις για την γραμματοσειρά του Gutenberg

Πως να αλλάξεις την γραμματοσειρά στο Gutenberg και να αυξήσεις το ύψος μεταξύ των παραγράφων

Αρκετά premium WordPress themes παρέχουν αυτή την δυνατότητα, καθώς όταν επιλέγεις προεπιλεγμένα fonts από το διαχειριστικό τους περιβάλλον, την ορίζουν και στον κειμενογράφο. Με αυτόν τον τρόπο είναι πιο εύκολο να έχεις μια καλύτερη εικόνα για το πως θα εμφανίζεται το άρθρο καθώς το γράφεις.

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

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

Featured Image Credits: Fikret tozak στο Unsplash.

Στις 27 Νοεμβρίου αναμένεται να κυκλοφορήσει η νέα έκδοση της blogging πλατφόρμας, το WordPress 5.0., και μαζί με αυτό, έρχονται μεγάλες αλλαγές που θα επηρεάσουν σημαντικά την ασφάλεια των ιστοσελίδων, τον σχεδιασμό όλου του διαδικτύου και τον τρόπο με τον οποίο φτιάχνονται τα plugins και τα themes.

Πάμε να δούμε όλα όσα θα έρθουν με το WordPress 5.0 και πως μπορείς να προετοιμάσεις το blog σου για τη νέα έκδοση, αλλά και πως μπορείς να προετοιμαστείς ο ίδιος σου.

Είσαι λάτρης των podcasts;

Το WordPress 5.0 άλλαξε την ημερομηνία κυκλοφορίας του

Μέχρι και πριν λίγες ημέρες, το WordPress 5.0 αναμενόταν να κυκλοφορήσει σε όλους τους χρήστες στις 19 Νοεμβρίου. Δυστυχώς, τα εκατοντάδες προβλήματα που εμφανίστηκαν ανάγκασαν την ομάδα της Automattic να μεταφέρει την ημερομηνία κυκλοφορίας στις 27 Νοεμβρίου.

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

Gutenberg – Ο νέος κειμενογράφος

Δεν θα αναφέρω αρκετά για το Gutenberg, καθώς είχα αναφερθεί σε αυτό σε προηγούμενο άρθρο, αλλά είναι ιδιαίτερα σημαντικό να αναφέρω το γεγονός πως με την άφιξη του Gutenberg στο WordPress 5.0, θα υπάρξουν ριζικές αλλαγές στους σχεδιασμούς των περισσότερων ιστοσελίδων. Αρχικά, το Gutenberg φέρνει πιο κοντά στον θάνατο τις sidebars των ιστοσελίδων, καθώς όσο περνάνε τα χρόνια, όλο και λιγότερες ιστοσελίδες χρησιμοποιούν την πολυαγάπητη sidebar. Όχι πως το Gutenberg δεν υποστηρίζει τις sidebars στα blogs, ίσα-ίσα, αλλά εστιάζει κυρίως στα μεγάλα κείμενα με πολλές φωτογραφίες, πληροφορίες και widgets, τα οποία αν δεν έχεις sidebar στο blog σου, παρέχουν έξτρα επιλογές για full-width (πλάτος).

Διάβασε επίσης: Gutenberg – Ο μελλοντικός κειμενογράφος του WordPress

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

Twenty Nineteen – Το νέο theme, αποκλειστικά για το Gutenberg

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

Απ’ όσο μπορώ να καταλάβω βλέποντας το νέο theme, καθώς επίσης και τον τρόπο με τον οποίο λειτουργεί το Gutenberg, φαίνεται πως το WordPress προσπαθεί να “χτυπήσει” όλους τους χρήστες του Medium (διαφορετική blogging πλατφόρμα) και αυτό μπορεί να φανεί από τον σχεδιασμό.

Τι εννοείς ότι δεν βλέπεις ομοιότητες;

Στην πραγματικότητα όμως, το Twenty Nineteen εστιάζει σε δύο πράγματα:

Πρώτη προτεραιότητα: Πλήρης βελτιστοποίηση για το Gutenberg

Με το νέο theme, οι προγραμματιστές του WordPress θέλουν να αναδείξουν όλα όσα μπορεί να κάνει ο νέος τους κειμενογράφος σε συνδυασμό με ένα όμορφο και μινιμαλιστικό σχεδιασμό.

Ξεκινάμε με ένα μεγάλο και μονό column, μέσα στο οποίο θα βρεις το περιεχόμενο και οτιδήποτε άλλο περιλαμβάνει ένα blog. Χρησιμοποίησαν επίσης το SASS για να ενσωματώσουν τόσο στο front-end όσο και στο back-end τον CSS κώδικα. Και όπως μπορείς να καταλάβεις, είναι ιδιαίτερα ενδιαφέρον το πόσο καλά λειτουργεί και πόσο χώρο δίνει στους προγραμματιστές να σχεδιάσουν καλύτερα themes και plugins για τους πελάτες τους.

Δεύτερη προτεραιότητα: Κάτι παραπάνω από ένα blog

Το WordPress δεν θα παρατήσει ποτέ τους χρήστες που το χρησιμοποιούν αποκλειστικά για να γράφουν και να δημοσιεύουν άρθρα. Το blogging είναι αναμφισβήτητα το νούμερο ένα επίκεντρο τους. Παρόλα αυτά, το WordPress μπορεί να κάνει πολλά περισσότερα, όπως να τρέξει πάνω του ολόκληρα ηλεκτρονικά καταστήματα (e-shops), forums, κοινωνικά δίκτυα και μέχρι και στατικές ιστοσελίδες επιχειρήσεων.

Με το Twenty Nineteen, όχι μόνο θα μπορείς να έχεις ένα όμορφο και καλοστημένο blog, αλλά και μια ιστοσελίδα για την επιχείριση σου, ή μια στατική σελίδα για αυτά που παρέχεις στους πελάτες σου ως ελεύθερος επαγγελματίας. Με άλλα λόγια, το WordPress 5.0 θα είναι η απόλυτη CMS πλατφόρμα για εκατοντάδες πράγματα και χωρίς περιορισμούς στο τι μπορούν να δημιουργήσουν οι προγραμματιστές.

Παρακάτω μπορείς να δεις μια φωτογραφία από το demo του Twenty Nineteen με σχεδιασμό για επιχειρήσεις:

Το Gutenberg θα είναι πλήρως συμβατό με όλα τα themes της Automattic στο WordPress.com

Αν το blog σου φιλοξενείται στο WordPress.com και δοκιμάζεις το Gutenberg κειμενογράφο, τότε θα χαρείς να μάθεις πως αυτή την στιγμή υπάρχουν 24 themes που είναι πλήρως συμβατά με το νέο κειμενογράφο. Η ομάδα σχεδιασμού θεμάτων της Automattic απάντησε σε αρκετές ερωτήσεις χρηστών και προγραμματιστών σχετικά με τα υπάρχον themes και την συμβατότητα τους με το Gutenberg.

Όλα τα υπάρχον themes θα λειτουργούν και θα είναι συμβατά με το Gutenberg. Ορισμένα themes μπορεί να εμφανίσουν διάφορα προβλήματα στα styles τους, αλλά αυτό θα συμβεί με όλα τα themes και όχι μόνο με αυτά στο WordPress.com.

Automattic

Το Gutenberg έρχεται για τις mobile εφαρμογές

Η ομάδα πίσω από το Gutenberg εργάζεται συνεχώς για να φέρει το νέο κειμενογράφο στις mobile εφαρμογές της Automattic. Δυστυχώς, ο νέος κειμενογράφος δεν θα έρθει με το WordPress 5.0, αλλά θα κάνει το ντεμπούτο του στις αρχές του 2019.

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

Το Gutenberg Mobile λειτουργεί μέσα στις εφαρμογές και δημοσιεύσαμε το πρώτο άρθρο με αυτό. Όσο περνάει ο καιρός, η εφαρμογή γίνεται ολοένα και καλύτερη και τα blocks λειτουργούν καλύτερα στις mobile εφαρμογές. Πλέον, μπορούμε να επιλέξουμε φωτογραφίες από τα πολυμέσα, εύκολα και γρήγορα.

Αν χρησιμοποιείς τις mobile εφαρμογές του WordPress και προσπαθήσεις να επεξεργαστείς ένα άρθρο που δημιούργησες αρχικά με το Gutenberg, θα εμφανιστεί μια ειδοποίηση που θα σε ενημερώνει πως το άρθρο δημιουργήθηκε με το Gutenberg, άρα προτού το δημοσιεύσεις [αφότου το επεξεργαστείς] κάνε μια προεπισκόπηση για να δεις αν όλα είναι εντάξει.

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

Δημιούργησα μερικά άρθρα με το Gutenberg και στη συνέχεια προσπάθησα να τα επεξεργαστώ από την Android εφαρμογή του WordPress. Κατά τη διάρκεια των δοκιμών που έκανα με το WordPress 5.0 σε ένα test blog που έχω, είδα πως το Gutenberg ενώ περιλάμβανε το κείμενο μέσα στα άρθρα, αν τα έκανα bold, italic ή άλλαζα το χρώμα της γραμματοσειράς, οι αλλαγές δεν εμφανιζόντουσαν. Όταν έμπαινα να δω τα άρθρα, μου έβγαζε ένα μήνυμα πως υπήρξε ένα πρόβλημα με το περιεχόμενο.

Μέχρι στιγμής, αυτά ήταν τα πιο σημαντικά νέα για το Gutenberg και το WordPress 5.0. Θα ανανεώνω το συγκεκριμένο άρθρο κάθε φορά που θα υπάρχει μια νέα ενημέρωση σχετικά με την καινούργια έκδοση της blogging πλατφόρμας. Μέχρι τότε, ωστόσο, θα χαρώ να ακούσω τις απόψεις σου περί του θέματος και αν χρησιμοποίησες μέχρι στιγμής το Gutenberg.

Τα τελευταία χρόνια η Google ξεκίνησε να ασχολείται αρκετά με το WordPress, δημιουργώντας συνεχώς νέα plugins για τις υπηρεσίες της και κάνοντας όλα της τα εργαλεία όλο και πιο συμβατά με την blogging πλατφόρμα. Φέτος, ωστόσο, και με την κυκλοφορία του Gutenberg, η Google έδειξε για άλλη μια φορά την αγάπη της προς το WordPress, ανακοινώνοντας πως τα AMP Stories θα είναι σύντομα διαθέσιμα.

Ο Alberto Medina και ο Weston Ruter πραγματοποίησαν μια παρουσίαση στο Progressive Content Management Systems στις 12 Νοεμβρίου στο Chrome Dev Summit 2018 στο Σαν Φρανσίσκο. Ο Madina είναι ένας προγραμματιστής στην Google και ο Ruter πρόσφατα πήρε την θέση του νέου Developer Programs Engineer μετά από οκτώ χρόνια στο XWP.

Ο Medina ξεκίνησε την παρουσίαση με μια γρήγορη ματιά στον τεράστιο χώρο των CMS, ο οποίος μεγαλώνει σε πολύ γρήγορο βαθμό. Σύμφωνα με τον ίδιο – στατιστικά τα οποία πήρε από το w3techs – το 54% των ιστοσελίδων έχουν δημιουργηθεί με κάποια CMS πλατφόρμα. Παρόλα αυτά, αρκετές CMS πλατφόρμες αντιμετωπίζουν αρκετές δυσκολίες σε όσο αφορά την συμβατότητα και την ενσωμάτωση των μοντέρνων τεχνολογιών στις πλατφόρμες τους.

Με σκοπό να λυθούν αυτά τα προβλήματα που αντιμετωπίζει αυτή την στιγμή το WordPress, η Google κοιτάει να αλλάξει τα πράγματα βάζοντας το δικό της χεράκι στην δημοφιλέστερη CMS πλατφόρμα. Σύμφωνα με τον Madina, η Google ενδιαφέρεται για να χρησιμοποιήσει το οικοσύστημα του WordPress, παρέχοντας πλήρης συμβατότητα με το AMP μέσω του plugin που έχει φτιάξει για την πλατφόρμα. Αυτό, όπως μπορείς να καταλάβεις, δεν περιλαμβάνει απλά την AMP τεχνολογία, η οποία είναι διαθέσιμη εδώ και αρκετούς μήνες τώρα, αλλά και την ενσωμάτωση των AMP Stories.

Αυτή την στιγμή το plugin βρίσκεται στην έκδοση 1.0 RC2, και η σταθερή έκδοση αναμένεται να κυκλοφορήσει στα τέλη Νοεμβρίου.

Η Google έχει βάλει ως στόχο να φέρει μια πλήρης συμβατότητα μεταξύ των μοντέρνων τεχνολογιών της, παρέχοντας όλα τα APIs της στο core του WordPress, έτσι ώστε όλες οι λειτουργίες της (service workers και background sync) να υποστηρίζονται σε ολόκληρο το οικοσύστημα της πλατφόρμας. Αξίζει να αναφέρω σε αυτό το σημείο πως σύμφωνα με το WordPress Tavern, η Google έχει επενδύσει πολλούς πόρους για να φέρει όλες τις τεχνολογίες της στο WordPress.

Ο Ruter έκανε μια επίδειξη ενός single page application το οποίο έχει κατασκευαστεί στο WordPress με τη χρήση ενός στάνταρ theme και το AMP plugin ως “θεμέλιο” του σχεδιασμού και της λειτουργικότητας. Ο Madina αναφέρει πως η Google έχει σχέδια να συνεχίσει να επεκτείνει την συμβατότητα του AMP περιεχομένου στο WordPress, στοχεύοντας αποκλειστικά στο Gutenberg. Παρουσίασε επίσης ένα σύντομο demo ως το πως δουλεύει η Google για να βοηθήσει τους bloggers να χρησιμοποιήσουν εύκολα τα AMP Stories μέσω του Gutenberg.

Τέλος, ο Medina ανέφερε πως τα AMP Stories λειτουργούν εξαιρετικά με το Gutenberg, καθώς όλα χωρίζονται σε ξεχωριστά block.

Θέλουμε όλα τα ισχυρά στοιχεία όπως τα AMP Stories να γίνουν διαθέσιμα σε όλα τα CMS. Ο χώρος των CMS κινείται σταθερά κατά μήκος του προοδευτικού διαδικτυακού δρόμου.

Medina

Για να δεις όλη την παρουσίαση της Google με τα AMP Stories, το AMP plugin και οτιδήποτε καινούργιο φέρνει η εταιρεία στο WordPress (το οποίο λειτουργεί με το Gutenberg), ρίξε μια ματιά στο παρακάτω βίντεο, στο οποίο περιλαμβάνεται η παρουσίαση στο Σαν Φρανσίσκο.

Περισσότερα για τα AMP Stories μπορείς να μάθεις στην επίσημη ιστοσελίδα της Google.

Ποια είναι η άποψη σου για την δουλειά που κάνει η Google στο WordPress; Τους τελευταίους μήνες η εταιρεία παρουσιάζει συνεχώς νέα εργαλεία και υπηρεσίες για το WordPress και επενδύει ολόκληρες ομάδες προγραμματιστών, πολλούς πόρους και αρκετά χρήματα για να σιγουρευτεί πως όλα λειτουργούν άψογα με την πλατφόρμα, και πιο συγκεκριμένα, με το Gutenberg. Εκτός αυτού, η εταιρεία συνεργάζεται στενά με την Automattic και δημιουργεί συνεχώς νέα plugins. Τι άλλο πιστεύεις πως θα φέρει στο WordPress;

Αν δεν έχεις την παραμικρή ιδέα για τι ακριβώς αναφέρομαι, τότε επίτρεψε μου να σου εξηγήσω τι είναι το Gutenberg και για πιο λόγο είναι τόσο σημαντικό.

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

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

Σημείωση: Το Gutenberg βρίσκεται ακόμα σε δοκιμαστικό στάδιο και, ως εκ τούτου, υπάρχει μεγάλη περίπτωση να εντοπίσεις διάφορα προβλήματα. Έως ότου βγει η πέμπτη έκδοση του WordPress, το Gutenberg θα ‘ναι αρκετά σταθερό ώστε να λειτουργεί χωρίς προβλήματα.

Γιατί θα αντικατασταθεί ο κλασικός κειμενογράφος του WordPress με το Gutenberg;

Σε αντίθεση με το Blogger, το οποίο έχει παρατήσει η Google εδώ και χρόνια και ο κειμενογράφος του φαίνεται λες και σχεδιάστηκε το 1990, οι υπόλοιπες πλατφόρμες συνεχίζουν να εξελίσσονται και να αλλάζουν τον τρόπο με τον οποίο γράφονται και μορφοποιούνται τα άρθρα. Πάρε για παράδειγμα το Medium, το οποίο αυτή την στιγμή έχει έναν εξαιρετικά απλό κειμενογράφο με τον οποίο μπορείς να γράψεις ένα καλογραμμένο άρθρο, να προσθέσεις πολυμέσα με πολύ όμορφους (σχεδιαστικά) τρόπους και να εστιάσεις σε αυτό που έχει την μεγαλύτερη σημασία: στο περιεχόμενο. Το Gutenberg λοιπόν, είναι το μεγάλο βήμα του WordPress για να εξελιχθεί ακόμα περισσότερο και να αλλάξει τον τρόπο με τον οποίο γράφουμε και μορφοποιούμε τα άρθρα και τις σελίδες μας.

Το Gutenberg, όπως και πολλά αλλά εργαλεία και μεγάλες ενημερώσεις του WordPress, πήρε το όνομα του από τον Johannes Gutenberg, Γερμανός σιδηρουργός, χρυσοχόος, τυπογράφος και εκδότης, ο οποίος εισήγαγε την τυπογραφία στην Ευρώπη. Το έργο του έκανε τις γνώσεις και τις πληροφορίες διαθέσιμες σε εκατομμύρια ανθρώπους και έφερε εν τέλη μια σημαντική κοινωνική επανάσταση. Κάτι παρόμοιο προσπαθούν να κάνουν και οι προγραμματιστές πίσω από το Gutenberg, οι οποίοι έχουν βάλει ως στόχο να κάνουν ακόμα και τα πιο περίπλοκα layouts να είναι διαθέσιμα προς όλους, με το πάτημα ενός κουμπιού.

Το Gutenberg εστιάζει κυρίως στο να μετατρέψει όλο το περιεχόμενο σε πολλά διαφορετικά blocks και να παρέχει πολλαπλά layouts μέσα σε έναν κειμενογράφο. Ο κλασικός κειμενογράφος που γνωρίζουμε και αγαπάμε τόσα χρόνια, δεν είναι τίποτα περισσότερο από άλλον έναν κλασικό κειμενογράφο που θα βρεις σε κάθε πρόγραμμα, εφαρμογή και ιστοσελίδα. Όλα βρίσκονται στο ίδιο content layout και ορίζονται σε template αρχεία με τη χρήση HTML και CSS. Το Gutenberg, παρόλα αυτά, ήρθε για να αλλάξει ότι έχουμε μάθει μέχρι σήμερα.

Η καρδιά του Gutenberg είναι τα blocks

Το Gutenberg είναι βασισμένο σε διάφορα blocks. Κάθε block είναι μια ενότητα περιεχομένου μέσα σε ένα άρθρο ή μια σελίδα και μπορείς να το επεξεργαστείς, να το διαγράψεις, να το αλλάξεις ή να δημιουργήσεις περισσότερα. Ένα block μπορεί να περιλαμβάνει γράμματα, εικόνες (συμπεριλαμβανομένων galleries και slideshows), βίντεο, embeds (YouTube, Spotify κ.α.) και πολλά ακόμα. Στην περίπτωση των κειμένων, κάθε κείμενο, κάθε παράγραφος, κάθε λίστα ή κάθε επικεφαλίδα έχει το δικό της ξεχωριστό block.

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

Το Gutenberg αλλάζει επίσης τον σχεδιασμό του κλασικού κειμενογράφου. Αντί να βλέπεις παράθυρα για κείμενο ή κώδικα, βλέπεις έναν καθαρό κειμενογράφο που στοχεύει στον μινιμαλισμό. Στο δεξί μέρος έχεις την κλασική sidebar από την οποία μπορείς να αλλάξεις τις ρυθμίσεις του άρθρου ή του κάθε block, αλλά πιο όμορφη και καθαρή. Μπορείς, φυσικά, να την κρύψεις.

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

Προσθέτοντας περιεχόμενο

Το να προσθέσεις περιεχόμενο για να δημιουργήσεις ένα άρθρο είναι λιγάκι περίπλοκο στην αρχή. Πως δημιουργείς ένα σωρό διαφορετικά blocks και πως προσθέτεις στο καθένα κείμενα, φωτογραφίες, βίντεο, quotes και πάει λέγοντας;

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

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

Το ίδιο συμβαίνει και με τα quotes ή τις επικεφαλίδες, απλά επέλεξε το “+” εικονίδιο και δημιούργησε ένα quote (το οποίο έρχεται με δύο διαφορετικά στυλ), μια επικεφαλίδα ή οτιδήποτε άλλο επιθυμείς να προσθέσεις στο άρθρο σου.

Πατώντας το “+” εικονίδιο μπορείς να δημιουργήσεις ένα σωρό διαφορετικά blocks που περιλαμβάνουν λίστες, επικεφαλίδες, quotes, φωτογραφίες, galleries, slideshows, αρχεία, κουμπιά, μουσική, βίντεο, φωτογραφίες εξώφυλλων και πολλά ακόμα.

Πως να επεξεργάζεσαι το κάθε block

Ας υποθέσουμε πως έχεις γράψει ένα άρθρο, έχεις προσθέσει φωτογραφίες και τώρα θέλεις να κάνεις ορισμένες μορφοποιήσεις στα κείμενα σου. Πως επεξεργάζεσαι κάθε block ξεχωριστά; Απλά κάνεις κλικ με το βελάκι πάνω στο κείμενο που θέλεις να επεξεργαστείς και εκείνη την στιγμή θα εμφανιστούν ακριβώς από πάνω ορισμένες επιλογές. Από την sidebar στα δεξιά, αν επιλέξεις την επιλογή “Block” μπορείς να κάνεις ακόμα περισσότερες αλλαγές.

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

Πως να χρησιμοποιήσεις από τώρα το Gutenberg

Σε λίγο καιρό (δεν υπάρχει επίσημη ημερομηνία) το Gutenberg θα εισαχθεί στο WordPress και θα γίνει ο βασικός κειμενογράφος με τον οποίο θα γράφουμε όλοι τα άρθρα μας και τις σελίδες μας. Ως εκ τούτου, είναι σημαντικό να το μάθεις από πιο πριν, ώστε να μην σου έρθει ξαφνικό.

Υπάρχουν δύο τρόποι με τους οποίους μπορείς να δοκιμάσεις το Gutenberg: Ο πρώτος είναι να το εγκαταστήσεις στο WordPress blog σου. Ο δεύτερος είναι να το δοκιμάσεις από την online σελίδα επεξεργασίας που παρέχει το WordPress. Όποιον τρόπο κι αν επιλέξεις, σημασία έχει να μάθεις πως λειτουργεί και να ξεκινήσεις να το συνηθίζεις από τώρα.

Η προσωπική μου άποψη για το Gutenberg

Η ειρωνεία στην δική μου περίπτωση με το Gutenberg είναι πως, στην αρχή όταν το εγκατέστησα για πρώτη φορά σε ένα δοκιμαστικό blog που έτρεχα στο XAMPP, ακόμη κι ως ένας λατρεμένος χρήστης των δοκιμαστικών εφαρμογών/υπηρεσιών, κατευθείαν πήγα και έγραψα ένα review ενός αστεριού (από τα πέντε) στο WordPress.

Το πιστεύεις δε το πιστεύεις, αυτή την στιγμή που γράφεται το άρθρο, το Gutenberg ως plugin έχει λάβει μόλις δυόμιση στα πέντε αστέρια από τις συνολικές αξιολογήσεις που του έχουν δώσει οι χρήστες. Προφανώς αυτά είναι άσχημα νέα για την Automattic, την εταιρεία πίσω από το WordPress, αλλά και θετικά ταυτόχρονα.

Καλώς ή κακώς, το πρόβλημα με τους περισσότερους ανθρώπους είναι πως συχαίνονται τις μεγάλες αλλαγές – και λυπάμαι που αυτή τη φορά, ήμουν κι εγώ ένας από αυτούς – και όταν αναγκάζονται να τις δεχτούν, εκεί είναι που τα πράγματα δυσκολεύουν. Αν και στο WordPress υπάρχουν ένα σωρό διαθέσιμοι builders τους οποίους μπορείς να χρησιμοποιήσεις για να γράφεις άρθρα, το Gutenberg είναι με διαφορά το καλύτερο – άσχετα με τις κριτικές των περισσότερων χρηστών. Το Gutenberg θα φέρει την επανάσταση της ηλεκτρονικής γραφής και μόλις ο κόσμος το συνηθίσει, θα καταλάβει πόσο λάθος έκανε.

Χρειάστηκα αρκετές ημέρες για να καταλάβω πόσο καλός και εξελιγμένος είναι ο συγκεκριμένος κειμενογράφος, αλλά χαίρομαι που δεν το ‘βαλα κάτω. Δεν ήταν η δυσκολία για να μάθω να το χειρίζομαι, καθώς είναι πανεύκολο στην χρήση, αλλά η τεράστια αυτή αλλαγή. Ποτέ μου δεν είχα ξανά χρησιμοποιήσει κάτι παρόμοιο στο παρελθόν. Ακόμα και ο κειμενογράφος του Medium ή του Dropbox δεν μπορούν να συγκριθούν με το Gutenberg.

Εκτός αυτού, υπάρχουν ήδη αρκετοί προγραμματιστές οι οποίοι έχουν δημιουργήσει νέα plugins τα οποία λειτουργούν μόνο με το Gutenberg και παρέχουν εκπληκτικές (το λέω και το εννοώ) επιλογές, νέα blocks, επιλογές μορφοποίησης και πάει λέγοντας. Τα themes – όπως το Tabor που είδαμε σε προηγούμενο άρθρο – που υποστηρίζουν το Gutenberg είναι ακριβώς αυτό που φανταζόμουν για το μέλλον των ιστοσελίδων. Full-width περιεχόμενο, με full-width, large, medium και small εικόνες που ταιριάζουν τέλεια μέσα σε κάθε άρθρο. Ενδιαφέρον στυλ των quotes, background χρώματα και εικόνες στα κείμενα και εξώφυλλα φωτογραφιών μέσα στα άρθρα, καθαρός και μινιμαλιστικός κειμενογράφος, όλα φαίνεται να δείχνουν προς το καλύτερο.

Εσύ χρησιμοποίησες το Gutenberg; Και αν ναι, πως σου φάνηκε; Θα χαρώ να ακούσω τις απόψεις σου στα σχόλια παρακάτω.