Jos käytät WordPress 5.0:aa tai uudempaa, ellet ole elänyt kiven alla, olet epäilemättä kuullut Gutenberg - päivityksestä, joka yhdistettiin WordPressiin^(WordPress) joulukuussa 2018^{(December 2018)} .

Joten jos käytät WP:n uusinta versiota, käytät jo Gutenbergiä^(Gutenberg) tai olet jatkanut klassisen editorin käyttöä asentamalla WordPress Classic Editor -laajennuksen^{( WordPress Classic Editor plugin)} .

Miksi Gutenberg?^{(Why Gutenberg?)}

Monet WP-käyttäjät eivät ole valmiita hyppäämään Gutenbergin vaunuun^{(on the Gutenberg wagon)} , mutta jotkut ovat, mukaan lukien tämä verkkosivusto.

Jotkut syyt, miksi saatat haluta käyttää Gutenbergiä^(Gutenberg) , ovat seuraavat:

• Onko WP-kehittäjien tulevaisuus.
• Tarjoaa paremman käyttökokemuksen.
• On joustavampi kuin WP:n alkuperäinen editori ( TinyMCE ).
• Tarjoaa uusia markkinoita kehittäjille.

Mitkä ovat erot WordPressin ja Gutenbergin välillä?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP:n Classic Editor on tekstieditori ja näyttää hyvin paljon Microsoft Wordilta^{(Microsoft Word)} . Siinä on yksi muokkauskenttä, kuten alla olevasta kuvakaappauksesta näkyy.

Gutenberg on lohkopohjainen editori, joka näyttää tältä:

Erityyppiselle sisällölle on useita lohkoja, jotka sisältävät omat muotoiluvaihtoehdot. Lohkot, kuten:

• Painike
• Kuva
• Pöytä
• Upota
• Lista
• Galleria
• Audio
• Lainausmerkit
• Otsikko
• Koodi
• Jae
• Muokattu HTML

Lisäksi teemat ja laajennukset tarjoavat lisää lohkoja ja widgetejä, joita voit käyttää WP-viesteissäsi ja -sivuillasi.

Miten se vaikuttaa olemassa oleviin sivuihin tai viesteihin?^{(How Are Existing Pages Or Posts Affected?)}

Päivityksen ja Gutenbergin^(Gutenberg) käytön jälkeen nykyisten sivujesi ja viestiesi pitäisi jatkossakin näkyä oikein. 

Sinun tulee kuitenkin tarkistaa lyhytkoodisi ja varmistaa, että mahdollisesti käyttämäsi laajennukset toimivat.

Kun muokkaat olemassa olevaa sivua tai viestiä, se avautuu automaattisesti uudessa Gutenberg - editorin klassisessa lohkossa.

Oletko valmis vaihtamaan?

Käytä esityspaikkaa^{(Use a Staging Site)}

Viimeinen asia, jonka haluat tehdä, on katkaista nykyinen sivustosi. Tapa välttää tämä on aktivoida Gutenberg esityspaikalla^{(a staging site)} . Tämä on tarkka kopio verkkosivustostasi, jossa voit testata asioita vahingoittamatta live-sivustoasi.

Testisivustot sisältävät teemasi, laajennuksiasi , vaihtoehtoja ja sisältöä. Hosting-yrityksesi saattaa tarjota esityssivustoja. Jos he eivät, voit käyttää WordPress Staging -laajennusta^{( WordPress Staging plugin)} .

Kun esityssivustosi on valmis, asenna ja aktivoi Gutenberg-laajennus^{( Gutenberg plugin)} ja aloita testaus. Tai asenna täysin uusi WordPress-esiintymä tietokoneellesi ja testaa sitä siellä.

Tarkista laajennukset^{(Check Your Plugins)}

WordPress-käyttäjät ovat tuttuja siitä, mitä tapahtuu, kun laajennukset eivät toimi hyvin yhdessä. Joskus se johtuu toiminnallisuudesta tai ristiriitaisesta koodista. Tämä on erinomainen aika nähdä, käytätkö kaikkia asentamiasi laajennuksia. Jos et ole, poista ne.

Haluat myös nähdä, mitä laajennuksia käytetään, kun muokkaat sisältöä WordPressissä^(WordPress) . Tietyillä laajennuksilla, kuten Akismet , Contact Form 7 , Google Sitemap Generator ja WP Super Cache , ei ole mitään tekemistä editorin kanssa, eivätkä Gutenbergin^(Gutenberg) käyttö vaikuta niihin .

Toisaalta kaikki laajennukset, jotka lisäävät toimintoja tai muuttavat WP:n klassisen editorin ulkoasua, eivät välttämättä ole yhteensopivia Gutenbergin^(Gutenberg) kanssa . Erityisesti liitännäiset, jotka luovat lyhytkoodeja, lisäävät mukautettuja tyylejä tai joita ei ole päivitetty äskettäin, ovat yleensä ristiriidassa ja aiheuttavat ongelmia.

Gutenbergillä^(Gutenberg) oli aiemmin aktiivinen laajennusten yhteensopivuustietokanta^{(Plugin Compatibility)} . Se on kuitenkin suljettu, koska sitä ei enää ylläpidetä aktiivisesti.

Voit tarkastella lopulliset tiedot ja ladata tietokannan ^{( download the database)}CSV - tiedostona. Ilman pääsyä aktiiviseen laajennusten yhteensopivuustietokantaan, sinun on testattava manuaalisesti jokainen käyttämäsi laajennus.

Yritä luoda uusi viesti testisivustollesi. Näet, että olet Gutenberg - editorissa ja se näyttää sinusta erilaiselta. Kun alat kirjoittaa, luot automaattisesti kappalelohkon. Sinun ei tarvitse lisätä uutta lohkoa, kun lisäät uuden kappaleen. Paina vain^(Just) Enter tai paluunäppäintä.

Koska yrität nähdä, toimivatko nykyiset laajennukset, yritä luoda uudelleen, miten käytit kutakin, ja katso, toimivatko ne edelleen.

Jos ei, etsi samat toiminnot oletusarvoisesta Gutenberg - lohkosta, lisää kyseinen lohko ja lisää sisältösi.

Muista pitää luettelo laajennuksista, jotka eivät toimi oikein, jotta voit poistaa ne, kun käynnistät Gutenbergin^(Gutenberg) kanssa .

Entä jos tarvitsemasi toiminnallisuuden oletuslohkoa ei ole?^{(What If There Is No Default Block For The Functionality You Need?)}

Tarkista kaikki lohkot nähdäksesi, onko tarvitsemasi toiminnallisuus toisen lohkon sisällä. Jos et löydä jotain toimivaa, voit ottaa yhteyttä laajennuksen tekijöihin ja kysyä heiltä, ​​aikovatko he päivittää sen yhteensopivaksi Gutenbergin^(Gutenberg) kanssa .

Jos mikään muu epäonnistuu, yritä löytää Gutenberg-laajennus^{( Gutenberg plugin)} , joka tekee mitä tarvitset. Poista esityssivustoltasi laajennukset, jotka eivät toimi.

Live-lähetys^{(Going Live)}

Ennen kuin teet MITÄÄN live-sivustollesi, tee täydellinen varmuuskopio koko sivustostasi siltä varalta, että jokin jäi huomaamatta tarkistaessasi yhteensopivuutta tai jos tapahtuu jokin muu virhe.

On mahdollista tehdä kaikki tarvittavat muutokset testisivustollasi ja siirtää ne live-sivustollesi. Tämä vaatii kuitenkin jonkin verran teknistä tietämystä. Joten, ellet ole kehittäjä tai sinulla ei ole sellaista, joka toimii sinulle, on parempi tehdä muutokset manuaalisesti.  

Aloita poistamalla lisäosat, jotka eivät toimineet, ja lisäämällä löytämäsi uudet niiden tilalle. Jos vanhat laajennukset käsittelevät olemassa olevien viestien ja sivujen tietoja eivätkä riko uusia, voit jättää ne asennettuna.

Haluatko muuntaa vanhat viestisi ja sivusi Gutenberg-lohkoiksi?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Avaa jokainen sivu ja julkaise klassisesta estovalikosta^{(Block Menu)} . Napsauta^(Click) kolmea pistettä nähdäksesi vaihtoehdot^{(view options)} . Valitse avattavasta valikosta Muunna lohkoiksi^{(Convert to Blocks)} .

Kun WP on muuttanut sisältösi Gutenberg - lohkojärjestelmään, sinun tulee tarkistaa jokainen lohko. Käytä Estä-navigointia^{(Use Block Navigation)} (kuvakkeista) nähdäksesi kaikki viestisi tai sivusi osat.

Kuten yllä olevasta kuvakaappauksesta näet, jokainen kappale, kuva, luettelo ja otsikko on nyt omassa lohkossaan. Nykyisten sivujen ja viestien muuntaminen uuteen Gutenberg - järjestelmään on nopeaa ja helppoa.

Lisäosien testaamiseen ja uusien löytämiseen voi kulua useita tunteja, mutta sinun tarvitsee tehdä tämä vain kerran. Muista noudattaa yllä ehdotettuja vaiheita, jotta muutto Gutenbergiin^(Gutenberg) on kivutonta ja virheetöntä.

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, you will have υndoubtedly heard of the Gutenberg update whіch was merged into WоrdPress in Decembеr 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 -opastus: Uuden editorin käyttäminen

• WordPress-sivuston siirtäminen isännästä toiseen

• Kuinka asentaa ja määrittää WordPress Microsoft Azuressa

• Kuinka ajaa äärimmäisen nopeaa WordPressiä Microsoft Azuressa

• Tietosuojan määrittäminen WordPressissä ja miksi se on tärkeää

• WordPress Jetpack: mikä se on ja kannattaako se asentaa?

• Kuinka poistaa haittaohjelmat WordPress-sivustoltasi

• Kuinka nopeuttaa mitä tahansa WordPress-sivustoa käyttämällä .HTACCESSia

• Kuinka perustaa oma Twitterin kaltainen verkkosivusto käyttämällä WordPressin P2-teemaa

• Kuinka tarkistaa, onko verkkosivusto kielletty AdSensesta

• Suojaa ja suojaa WordPress-verkkosivusto hakkereilta

• Kuinka luoda oma kuponkiponnahdusikkuna WordPressissä

• Kuinka määrittää WordPress manuaalisesti verkkotunnuksessa

• Kuinka käyttää Lumen5:tä blogitekstin muuttamiseksi videoksi

• Kuinka seurata rikkinäisiä linkkejä Google Webmaster Toolin avulla

• Kuinka muuttaa WordPress-kirjautumis-URL-osoite paremman suojan saamiseksi

• Kuinka poistaa kaikki WordPress-laajennuksen jäljet

• Kuinka asentaa WordPress Google Cloud Platformiin

• Alatunnisteen muokkaaminen WordPressissä

• Kuinka nopeuttaa WordPress-sivustoa 11 vaiheessa