Εάν χρησιμοποιείτε WordPress 5.0 και νεότερη έκδοση, εκτός και αν ζείτε κάτω από έναν βράχο, θα έχετε αναμφίβολα ακούσει για την ενημέρωση Gutenberg η οποία συγχωνεύτηκε στο WordPress τον Δεκέμβριο του 2018^{(December 2018)} .

Επομένως, εάν χρησιμοποιείτε την πιο πρόσφατη έκδοση του WP, είτε χρησιμοποιείτε ήδη το Gutenberg είτε έχετε συνεχίσει να χρησιμοποιείτε τον κλασικό επεξεργαστή εγκαθιστώντας την προσθήκη WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Γιατί Gutenberg;^{(Why Gutenberg?)}

Πολλοί χρήστες του WP δεν είναι έτοιμοι να πηδήξουν στο βαγόνι Gutenberg^{(on the Gutenberg wagon)} , αλλά ορισμένοι είναι, συμπεριλαμβανομένου αυτού του ιστότοπου.

Μερικοί από τους λόγους για τους οποίους μπορεί να θέλετε να χρησιμοποιήσετε το Gutenberg είναι επειδή:

• Είναι το μέλλον για τους προγραμματιστές WP.
• Παρέχει καλύτερη εμπειρία χρήστη.
• Είναι πιο ευέλικτο από τον αρχικό επεξεργαστή του WP ( TinyMCE ).
• Θα προσφέρει μια νέα αγορά για προγραμματιστές.

Ποιες είναι οι διαφορές μεταξύ WordPress και Gutenberg;^{(What Are The Differences Between WordPress & Gutenberg?)}

Το Classic Editor^{(Classic Editor)} του WP είναι ένα πρόγραμμα επεξεργασίας κειμένου και μοιάζει πολύ με το Microsoft Word^{(Microsoft Word)} . Έχει ένα μόνο πεδίο επεξεργασίας όπως φαίνεται στο παρακάτω στιγμιότυπο οθόνης.

Το Gutenberg^(Gutenberg) είναι ένας επεξεργαστής που βασίζεται σε μπλοκ που μοιάζει με αυτό:

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

• Κουμπί
• Εικόνα
• Τραπέζι
• Ενσωματώσεις
• Λίστα
• Εκθεσιακός χώρος
• Ήχος
• Εισαγωγικά
• Επικεφαλίδα
• Κώδικας
• Στίχος
• Προσαρμοσμένο HTML

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

Πώς επηρεάζονται οι υπάρχουσες σελίδες ή αναρτήσεις;^{(How Are Existing Pages Or Posts Affected?)}

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

Ωστόσο, θα πρέπει να ελέγξετε τους συντομότερους κωδικούς σας και να βεβαιωθείτε ότι τα πρόσθετα που ενδέχεται να χρησιμοποιείτε λειτουργούν.

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

Είστε έτοιμοι να κάνετε την αλλαγή;

Χρησιμοποιήστε μια τοποθεσία σταδιοποίησης^{(Use a Staging Site)}

Το τελευταίο πράγμα που θέλετε να κάνετε είναι να σπάσετε τον υπάρχοντα ιστότοπό σας. Ο τρόπος για να αποφευχθεί αυτό είναι να ενεργοποιήσετε τον Gutenberg σε μια τοποθεσία σκηνής^{(a staging site)} . Αυτό είναι ένα ακριβές αντίγραφο του ιστότοπού σας όπου μπορείτε να δοκιμάσετε πράγματα χωρίς να προκαλέσετε ζημιά στον ζωντανό ιστότοπό σας.

Οι δοκιμαστικοί ιστότοποι περιλαμβάνουν το θέμα, τις προσθήκες , τις επιλογές και το περιεχόμενό σας. Η εταιρεία φιλοξενίας σας μπορεί να προσφέρει ιστότοπους σκηνοθεσίας. Εάν δεν το κάνουν, μπορείτε να χρησιμοποιήσετε την προσθήκη WordPress Staging^{( WordPress Staging plugin)} .

Αφού τεθεί σε λειτουργία ο ιστότοπος σταδιοποίησης, εγκαταστήστε και ενεργοποιήστε την προσθήκη Gutenberg^{( Gutenberg plugin)} και ξεκινήστε τη δοκιμή. Ή εγκαταστήστε μια ολοκαίνουργια παρουσία του WordPress στον υπολογιστή σας και δοκιμάστε εκεί.

Ελέγξτε τις προσθήκες σας^{(Check Your Plugins)}

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

Θέλετε επίσης να δείτε ποιες προσθήκες χρησιμοποιούνται όταν επεξεργάζεστε περιεχόμενο στο WordPress . Συγκεκριμένες προσθήκες όπως το Akismet , η Φόρμα Επικοινωνίας 7^{(Contact Form 7)} , το Google Sitemap Generator^{(Google Sitemap Generator)} και το WP Super Cache δεν έχουν καμία σχέση με το πρόγραμμα επεξεργασίας και δεν θα επηρεαστούν από τη χρήση του Gutenberg .

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

Ο Gutenberg^(Gutenberg) είχε μια ενεργή βάση δεδομένων συμβατότητας^{(Plugin Compatibility)} προσθηκών. Ωστόσο, έχει κλείσει επειδή δεν συντηρείται πλέον ενεργά.

Μπορείτε να ελέγξετε τα τελικά δεδομένα και να κάνετε λήψη της βάσης δεδομένων^{( download the database)} ως αρχείο CSV^(CSV) . Χωρίς πρόσβαση σε μια ενεργή βάση δεδομένων συμβατότητας προσθηκών, θα πρέπει να δοκιμάσετε χειροκίνητα κάθε πρόσθετο που χρησιμοποιείτε.

Δοκιμάστε να δημιουργήσετε μια νέα ανάρτηση στον δοκιμαστικό σας ιστότοπο. Θα δείτε ότι βρίσκεστε στον επεξεργαστή Gutenberg και θα σας φαίνεται διαφορετικό. Όταν ξεκινάτε να πληκτρολογείτε, δημιουργείτε αυτόματα ένα μπλοκ παραγράφου. Δεν χρειάζεται να προσθέσετε νέο μπλοκ όταν προσθέτετε μια νέα παράγραφο. Απλώς^(Just) πατήστε enter ή το πλήκτρο επιστροφής.

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

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

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

Τι γίνεται αν δεν υπάρχει προεπιλεγμένο μπλοκ για τη λειτουργικότητα που χρειάζεστε;^{(What If There Is No Default Block For The Functionality You Need?)}

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

Εάν όλα τα άλλα αποτύχουν, προσπαθήστε να βρείτε ένα πρόσθετο Gutenberg^{( Gutenberg plugin)} που να κάνει αυτό που χρειάζεστε. Διαγράψτε τις προσθήκες που δεν λειτουργούν από τον ιστότοπό σας.

Μετάβαση ζωντανά^{(Going Live)}

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

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

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

Θέλετε να μετατρέψετε τις παλιές σας αναρτήσεις και σελίδες σε μπλοκ Gutenberg;^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Ανοίξτε κάθε σελίδα και δημοσιεύστε από το Κλασικό μενού αποκλεισμού^{(Block Menu)} . Κάντε κλικ^(Click) στις τρεις τελείες για να δείτε τις επιλογές^{(view options)} . Επιλέξτε από το αναπτυσσόμενο μενού Μετατροπή σε μπλοκ^{(Convert to Blocks)} .

Αφού το WP μετατρέψει το περιεχόμενό σας στο σύστημα μπλοκ Gutenberg , θα πρέπει να ελέγξετε κάθε μπλοκ. Χρησιμοποιήστε το Block Navigation^{(Use Block Navigation)} (από εικονίδια) για να δείτε όλα τα μέρη της ανάρτησης ή της σελίδας σας.

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

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

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, unless you have been living under a rock, уou will have undoubtedly heard of the Gutenberg updаte which was merged into WоrdPress in December 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• Οδηγός WordPress Gutenberg: Πώς να χρησιμοποιήσετε το νέο πρόγραμμα επεξεργασίας

• Πώς να μετακινήσετε ιστότοπο WordPress από έναν κεντρικό υπολογιστή σε άλλο

• Πώς να εγκαταστήσετε και να ρυθμίσετε το WordPress στο Microsoft Azure

• Πώς να εκτελέσετε απίστευτα γρήγορο WordPress στο Microsoft Azure

• Πώς να ρυθμίσετε το απόρρητο στο WordPress και γιατί είναι σημαντικό

• Πώς να εγκαταστήσετε το WordPress στην πλατφόρμα Google Cloud

• Προστατέψτε και ασφαλίστε τον ιστότοπο WordPress από τους χάκερ

• Πώς να αλλάξετε τη διεύθυνση URL σύνδεσης στο WordPress για καλύτερη ασφάλεια

• Πώς να επεξεργαστείτε το υποσέλιδο στο WordPress

• 10 βασικά πρόσθετα WordPress για έναν ιστότοπο μικρών επιχειρήσεων

• Δημιουργία παιδικού θέματος στο WordPress

• Πώς να προσθέσετε μια πλωτή πλευρική γραμμή στο Wordpress

• Πώς να ρυθμίσετε μη αυτόματα το WordPress σε έναν τομέα

• Πώς να βρείτε τη σύνδεσή σας διαχειριστή WordPress

• Πώς να χρησιμοποιήσετε το Lumen5 για να μετατρέψετε τη δημοσίευση του ιστολογίου σας σε βίντεο

• Πώς να ελέγξετε εάν ένας ιστότοπος έχει αποκλειστεί από το AdSense

• Πώς να κάνετε έναν ιστότοπο WordPress ασφαλή

• Πώς να επιταχύνετε έναν ιστότοπο WordPress σε 11 βήματα

• Πώς να εγκαταστήσετε έναν ιστότοπο δοκιμής WordPress στον υπολογιστή σας

• Πώς να αντιγράψετε μια σελίδα στο WordPress