Ako koristite WordPress 5.0 i novije verzije, osim ako niste živjeli ispod kamena, nedvojbeno ćete čuti za Gutenberg ažuriranje koje je spojeno s WordPressom^(WordPress) u prosincu 2018^{(December 2018)} .

Dakle, ako koristite najnoviju verziju WP-a, ili već koristite Gutenberg ili ste nastavili koristiti klasični uređivač instaliranjem dodatka WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Zašto Gutenberg?^{(Why Gutenberg?)}

Mnogi korisnici WP-a nisu spremni skočiti na Gutenberg wagon^{(on the Gutenberg wagon)} , ali neki jesu, uključujući ovu web stranicu.

Neki od razloga zašto biste mogli htjeti koristiti Gutenberga^(Gutenberg) su:

• Je li budućnost za WP programere.
• Omogućuje bolje korisničko iskustvo.
• Fleksibilniji je od originalnog WP-ovog uređivača ( TinyMCE ).
• Osigurat će novo tržište za programere.

Koje su razlike između WordPressa i Gutenberga?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP-ov Classic Editor je uređivač teksta i vrlo je sličan Microsoft Wordu^{(Microsoft Word)} . Ima jedno polje za uređivanje kao što se vidi na snimci zaslona ispod.

Gutenberg je uređivač baziran na blokovima koji izgleda ovako:

Postoji više blokova za različite vrste sadržaja koji uključuju vlastite opcije oblikovanja. Blokovi kao što su:

• Dugme
• Slika
• Stol
• Ugrađuje
• Popis
• Galerija
• Audio
• Citati
• Naslov
• Kodirati
• Stih
• Prilagođeni HTML

Također, teme i dodaci nude više blokova i widgeta koje možete koristiti u svojim WP objavama i stranicama.

Kako su pogođene postojeće stranice ili postovi?^{(How Are Existing Pages Or Posts Affected?)}

Nakon nadogradnje i korištenja Gutenberga^(Gutenberg) , vaše postojeće stranice i postovi trebali bi se nastaviti ispravno prikazivati. 

Međutim, trebali biste provjeriti svoje kratke kodove i provjeriti rade li dodaci koje možda koristite.

Kada uredite postojeću stranicu ili post, automatski će se otvoriti u jednom novom klasičnom bloku Gutenberg editora.^(Gutenberg)

Jeste li spremni za promjenu?

Koristite mjesto za postavljanje^{(Use a Staging Site)}

Posljednja stvar koju želite učiniti je razbiti postojeću stranicu. Način da se to izbjegne je aktiviranje Gutenberga^(Gutenberg) na mjestu za postavljanje^{(a staging site)} . Ovo je točna replika vaše web stranice na kojoj možete testirati stvari bez nanošenja štete vašoj web stranici uživo.

Testne stranice uključuju vašu temu, dodatke , opcije i sadržaj. Vaša hosting tvrtka može ponuditi mjesta za postavljanje. Ako ne, možete koristiti dodatak WordPress Staging^{( WordPress Staging plugin)} .

Nakon što se vaša stranica za postavljanje pokrene, instalirajte i aktivirajte dodatak Gutenberg^{( Gutenberg plugin)} i počnite s testiranjem. Ili instalirajte potpuno novu instancu WordPressa na svoje računalo i testirajte na njemu.

Provjerite svoje dodatke^{(Check Your Plugins)}

Korisnici WordPressa upoznati su s tim što se događa kada dodaci ne rade dobro zajedno. Ponekad je to zbog funkcionalnosti ili konfliktnog koda. Ovo je izvrsno vrijeme da vidite koristite li sve dodatke koje ste instalirali. Ako niste, uklonite ih.

Također želite vidjeti koji se dodaci koriste kada uređujete sadržaj u WordPressu^(WordPress) . Određeni dodaci kao što su Akismet , Contact Form 7 , Google Sitemap Generator i WP Super Cache nemaju nikakve veze s uređivačem i na njih neće utjecati korištenje Gutenberga^(Gutenberg) .

S druge strane, bilo koji dodatak koji dodaje funkcionalnost ili mijenja način na koji WP classic editor izgleda možda neće biti kompatibilan s Gutenbergom^(Gutenberg) . Konkretno, dodaci koji generiraju kratke kodove, dodaju prilagođene stilove ili nisu nedavno ažurirani, obično su u sukobu i uzrokuju probleme.

Gutenberg je nekada imao aktivnu bazu podataka o kompatibilnosti^{(Plugin Compatibility)} dodataka. Međutim, ugašen je jer se više ne održava aktivno.

Možete pregledati konačne podatke i preuzeti bazu podataka^{( download the database)} kao CSV datoteku. Bez pristupa aktivnoj bazi podataka o kompatibilnosti dodataka, morat ćete ručno testirati svaki dodatak koji koristite.

Pokušajte stvoriti novi post na svom testnom mjestu. Vidjet ćete da ste u Gutenbergovom^(Gutenberg) uredniku i izgledat će vam drugačije. Kada počnete tipkati, automatski stvarate blok odlomka. Ne morate dodavati novi blok kada dodajete novi odlomak. Samo^(Just) pritisnite enter ili tipku za povratak.

Budući da pokušavate vidjeti hoće li vaši trenutni dodaci funkcionirati, pokušajte ponovno stvoriti način na koji ste svaki od njih koristili i provjerite radi li još uvijek.

Ako se ne dogodi, potražite istu funkcionalnost u zadanom Gutenbergovom^(Gutenberg) bloku, dodajte taj blok i dodajte svoj sadržaj.

Obavezno vodite popis dodataka koji ne rade kako treba kako biste ih mogli ukloniti kada krenete uživo s Gutenbergom^(Gutenberg) .

Što ako ne postoji zadani blok za funkcionalnost koja vam je potrebna?^{(What If There Is No Default Block For The Functionality You Need?)}

Provjerite sve blokove da vidite živi li funkcija koja vam je potrebna unutar drugog bloka. Ako ne možete pronaći nešto što će raditi, možete kontaktirati autore dodataka i pitati ih planiraju li ga ažurirati kako bi bio kompatibilan s Gutenbergom^(Gutenberg) .

Ako ništa drugo ne uspije, pokušajte pronaći Gutenberg dodatak^{( Gutenberg plugin)} koji radi ono što trebate. Izbrišite dodatke koji ne rade sa svoje web-stranice.

Uživo^{(Going Live)}

Prije nego što učinite BILO ŠTO na svojoj web stranici uživo, napravite potpunu sigurnosnu kopiju cijele stranice u slučaju da ste nešto propustili prilikom provjere kompatibilnosti ili se dogodi neka druga pogreška.

Moguće je napraviti sve potrebne promjene na vašem testnom mjestu i prebaciti ih na vašu web stranicu uživo. Međutim, to zahtijeva određeno tehničko znanje. Dakle, osim ako niste programer ili imate program koji vam odgovara, bolje je napraviti promjene ručno.  

Započnite brisanjem dodataka koji nisu radili i dodavanjem novih koje ste pronašli da ih zamijenite. Ako stari dodaci obrađuju podatke za postojeće postove i stranice i ne razbijaju nove, možete ih ostaviti instaliranim.

Želite li svoje stare postove i stranice pretvoriti u Gutenberg blokove?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Otvorite svaku stranicu i objavite iz izbornika klasičnog bloka^{(Block Menu)} . Kliknite^(Click) tri točke za prikaz opcija^{(view options)} . Odaberite s padajućeg izbornika Pretvori u blokove^{(Convert to Blocks)} .

Nakon što WP pretvori vaš sadržaj u sustav blokova Gutenberg , trebali biste pregledati svaki blok. Koristite Blokiraj navigaciju^{(Use Block Navigation)} (iz ikona) da biste vidjeli sve dijelove svog posta ili stranice.

Kao što možete vidjeti na gornjoj snimci zaslona, ​​svaki odlomak, slika, popis i naslov sada su u svom bloku. Pretvaranje postojećih stranica i postova u novi Gutenberg sustav je brzo i jednostavno.

Testiranje vaših dodataka i pronalaženje novih može potrajati nekoliko sati, ali to morate učiniti samo jednom. Svakako slijedite gore predložene korake kako bi vaš prelazak u Gutenberg bio bezbolan i bez grešaka.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 аnd higher, unless you have been living under a rock, yoυ will have undoubtedly heard of the Gutenberg update which wаs merged into WordPresѕ 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 Vodič: Kako koristiti novi uređivač

• Kako premjestiti WordPress stranicu s jednog hosta na drugi

• Kako instalirati i postaviti WordPress na Microsoft Azure

• Kako pokrenuti nevjerovatno brz WordPress na Microsoft Azureu

• Kako konfigurirati privatnost u WordPressu i zašto je to važno

• Kako napraviti sigurnosnu kopiju svoje WordPress stranice

• Kako ubrzati bilo koju WordPress stranicu pomoću .HTACCESS

• Kako povećati performanse u WordPress-u kroz čišćenje baze podataka

• Kako ručno postaviti WordPress na domenu

• Kako pratiti neispravne veze s Google Webmaster Toolom

• WordPress prikazuje HTTP pogrešku prilikom učitavanja slika

• Kako ukloniti sve tragove WordPress dodatka

• 8 besplatnih Premium WordPress tema za instalaciju

• Kako zaštititi stranice lozinkom na svom WordPress web-mjestu

• Kako instalirati WordPress testno mjesto na svoje računalo

• 9 Mora imati dodataka za nove instalacije WordPressa

• Kako stvoriti vlastiti skočni prozor s kuponom u WordPressu

• Kako pronaći svoju prijavu administratora za WordPress

• Kako ažurirati PHP u WordPressu

• Kako duplicirati stranicu u WordPressu