Jeśli używasz WordPressa^(WordPress) 5.0 lub nowszego, chyba że mieszkałeś pod kamieniem, z pewnością słyszałeś o aktualizacji Gutenberga^(Gutenberg) , która została połączona z WordPress w grudniu 2018^{(December 2018)} roku .

Jeśli więc korzystasz z najnowszej wersji WP, albo używasz już Gutenberga^(Gutenberg) , albo kontynuujesz korzystanie z klasycznego edytora, instalując wtyczkę WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Dlaczego Gutenberg?^{(Why Gutenberg?)}

Wielu użytkowników WP nie jest gotowych do wskoczenia na wagon Gutenberg^{(on the Gutenberg wagon)} , ale niektórzy są, w tym ta strona internetowa.

Kilka powodów, dla których możesz chcieć użyć Gutenberga^(Gutenberg) , to:

• Czy przyszłość dla programistów WP.
• Zapewnia lepsze wrażenia użytkownika.
• Jest bardziej elastyczny niż oryginalny edytor WP ( TinyMCE ).
• Zapewni deweloperom nowy rynek.

Jakie są różnice między WordPressem a Gutenbergiem?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP's Classic Editor to edytor tekstu i wygląda bardzo podobnie do Microsoft Word . Ma jedno pole edycyjne, jak widać na poniższym zrzucie ekranu.

Gutenberg to edytor blokowy, który wygląda tak:

Istnieje wiele bloków dla różnych typów treści, które zawierają własne opcje formatowania. Bloki takie jak:

• Przycisk
• Obraz
• Stół
• Osadzenia
• Lista
• Galeria
• Audio
• cytaty
• Nagłówek
• Kod
• Werset
• Niestandardowy kod HTML

Ponadto motywy i wtyczki oferują więcej bloków i widżetów, których możesz używać w swoich postach i stronach WP.

Jak wpływa to na istniejące strony lub posty?^{(How Are Existing Pages Or Posts Affected?)}

Po uaktualnieniu i użyciu Gutenberga^(Gutenberg) istniejące strony i posty powinny nadal wyświetlać się poprawnie. 

Powinieneś jednak sprawdzić swoje skróty i upewnić się, że wtyczki, których możesz używać, działają.

Kiedy edytujesz istniejącą stronę lub post, automatycznie otworzy się on w jednym nowym klasycznym bloku edytora Gutenberga .^(Gutenberg)

Czy jesteś gotowy na zmianę?

Użyj witryny testowej^{(Use a Staging Site)}

Ostatnią rzeczą, którą chcesz zrobić, to zepsuć istniejącą witrynę. Sposobem na uniknięcie tego jest aktywacja Gutenberga^(Gutenberg) w miejscu postoju^{(a staging site)} . Jest to dokładna replika Twojej witryny, w której możesz przetestować różne rzeczy bez uszkadzania działającej witryny.

Witryny testowe zawierają Twój motyw, wtyczki , opcje i treść. Twoja firma hostingowa może oferować witryny pomostowe. Jeśli nie, możesz użyć wtyczki WordPress Staging^{( WordPress Staging plugin)} .

Po uruchomieniu witryny testowej zainstaluj i aktywuj wtyczkę Gutenberg^{( Gutenberg plugin)} i rozpocznij testowanie. Lub zainstaluj zupełnie nową instancję WordPressa na swoim komputerze i przetestuj na nim.

Sprawdź swoje wtyczki^{(Check Your Plugins)}

Użytkownicy WordPressa wiedzą, co się dzieje, gdy wtyczki nie współgrają ze sobą. Czasami jest to spowodowane funkcjonalnością lub sprzecznym kodem. To doskonały czas, aby sprawdzić, czy używasz wszystkich zainstalowanych wtyczek. Jeśli nie, usuń je.

Chcesz również zobaczyć, które wtyczki są używane podczas edytowania treści w WordPressie^(WordPress) . Konkretne wtyczki, takie jak Akismet , Contact Form 7 , Google Sitemap Generator i WP Super Cache nie mają nic wspólnego z edytorem i korzystanie z Gutenberga^(Gutenberg) nie ma na nie wpływu .

Z drugiej strony każda wtyczka, która dodaje funkcjonalność lub zmienia wygląd edytora klasycznego WP, może nie być kompatybilna z Gutenberg . W szczególności wtyczki, które generowały skróty, dodają niestandardowe style lub nie były ostatnio aktualizowane, zwykle powodują konflikty i powodują problemy.

Gutenberg miał kiedyś aktywną bazę danych zgodności wtyczek^{(Plugin Compatibility)} . Została jednak zamknięta, ponieważ nie jest już aktywnie utrzymywana.

Możesz przejrzeć ostateczne dane i pobrać bazę danych^{( download the database)} jako plik CSV . Bez dostępu do aktywnej bazy danych zgodności wtyczek będziesz musiał ręcznie przetestować każdą używaną wtyczkę.

Spróbuj utworzyć nowy post na swojej stronie testowej. Zobaczysz, że jesteś w edytorze Gutenberga^(Gutenberg) i będzie on wyglądał inaczej. Kiedy zaczynasz pisać, automatycznie tworzysz blok akapitu. Nie musisz dodawać nowego bloku, gdy dodajesz nowy akapit. Po prostu^(Just) naciśnij Enter lub klawisz powrotu.

Ponieważ próbujesz sprawdzić, czy twoje obecne wtyczki będą działać, spróbuj odtworzyć sposób użycia każdej z nich i sprawdź, czy nadal działa.

Jeśli nie, poszukaj tej samej funkcji w domyślnym bloku Gutenberga^(Gutenberg) , dodaj ten blok i dodaj swoją zawartość.

Upewnij się, że masz listę wtyczek, które nie działają poprawnie, aby móc je usunąć, gdy przejdziesz na żywo z Gutenberg .

Co się stanie, jeśli nie ma domyślnego bloku dla potrzebnej funkcjonalności?^{(What If There Is No Default Block For The Functionality You Need?)}

Sprawdź wszystkie bloki, aby zobaczyć, czy potrzebna funkcja znajduje się w innym bloku. Jeśli nie możesz znaleźć czegoś, co będzie działać, możesz skontaktować się z autorami wtyczek i zapytać ich, czy planują aktualizację, aby była kompatybilna z Gutenberg .

Jeśli wszystko inne zawiedzie, spróbuj znaleźć wtyczkę Gutenberg^{( Gutenberg plugin)} , która zrobi to, czego potrzebujesz. Usuń wtyczki, które nie działają, z Twojej witryny testowej.

Na żywo^{(Going Live)}

Zanim zrobisz COKOLWIEK w swojej aktywnej witrynie, zrób pełną kopię zapasową całej witryny na wypadek, gdyby coś przeoczyłeś podczas sprawdzania zgodności lub wystąpił inny błąd.

Możliwe jest wprowadzenie wszystkich niezbędnych zmian w witrynie testowej i przekazanie ich do działającej witryny. Wymaga to jednak pewnej wiedzy technicznej. Tak więc, jeśli nie jesteś programistą lub nie masz takiego, który działa dla Ciebie, lepiej wprowadzić zmiany ręcznie.  

Zacznij od usunięcia wtyczek, które nie działały, i dodania nowych znalezionych w celu ich zastąpienia. Jeśli stare wtyczki przetwarzają dane dla istniejących postów i stron i nie niszczą nowych, możesz pozostawić je zainstalowane.

Czy chcesz przekonwertować swoje stare posty i strony na bloki Gutenberga?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Otwórz każdą stronę i opublikuj z klasycznego menu blokowania^{(Block Menu)} . Kliknij^(Click) trzy kropki, aby wyświetlić opcje^{(view options)} . Wybierz z menu rozwijanego Konwertuj na bloki^{(Convert to Blocks)} .

Po tym, jak WP przekonwertuje zawartość do systemu bloków Gutenberga^(Gutenberg) , powinieneś przejrzeć każdy blok. Użyj Zablokuj nawigację^{(Use Block Navigation)} (z ikon), aby zobaczyć wszystkie części swojego postu lub strony.

Jak widać na powyższym zrzucie ekranu, każdy akapit, obraz, lista i nagłówek znajdują się teraz we własnym bloku. Konwersja istniejących stron i postów do nowego systemu Gutenberg jest szybka i łatwa.

Testowanie wtyczek i znajdowanie nowych może zająć kilka godzin, ale wystarczy to zrobić tylko raz. Upewnij się, że wykonałeś kroki sugerowane powyżej, aby Twoja przeprowadzka do Gutenberga^(Gutenberg) była bezbolesna i bezbłędna.

How To Transition From The Classic WordPress Editor To Gutenberg

If you υse WordPress 5.0 and higher, unless you have bееn living under a rock, you will have undoubtedly heard of the Gutenberg update which wаs 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

• Samouczek WordPress Gutenberg: Jak korzystać z nowego edytora

• Jak przenieść witrynę WordPress z jednego hosta na drugi?

• Jak zainstalować i skonfigurować WordPress na Microsoft Azure

• Jak uruchomić niesamowicie szybki WordPress na Microsoft Azure

• Jak skonfigurować prywatność w WordPressie i dlaczego jest to ważne

• Squarespace vs WordPress: która jest lepsza platforma witryny?

• Tworzenie motywu potomnego w WordPress

• WordPress Jetpack: co to jest i czy warto go zainstalować?

• Najlepszy format pisania bloga, aby zdobyć punkty na całym świecie

• Recenzja książki: Zbuduj własną stronę internetową: komiksowy przewodnik po HTML, CSS i Wordpress

• Jak znaleźć login administratora WordPress?

• Jak śledzić uszkodzone linki za pomocą Narzędzia Google dla webmasterów

• Jak zainstalować WordPress na Google Cloud Platform

• Jak zabezpieczyć hasłem strony w witrynie WordPress?

• Jak zaktualizować PHP w WordPressie

• Chroń i zabezpiecz witrynę WordPress przed hakerami

• Jak sprawić, by witryna WordPress była bezpieczna?

• Jak przyspieszyć witrynę WordPress w 11 krokach

• Jak wykonać skuteczne testy podzielone w WordPress

• Przekieruj użytkowników ze strony 404 w WordPress