Migracja z Divi do Gutenberga 2025; przewodnik krok po kroku

Przejście z Divi na natywny edytor blokowy WordPressa (Block Editor, Gutenberg) może radykalnie uprościć Twój stack i poprawić wydajność w 2025 roku. Ten przewodnik przeprowadzi Cię przez bezpieczną, weryfikowalną i przyjazną SEO migrację – obejmując przygotowania, narzędzia, plan krok po kroku, kontrolę jakości oraz FAQ. Wskazujemy także autorytatywne źródła potwierdzające kluczowe zmiany (jak odejście Divi 5 od shortcode’ów i cykl wydawniczy WordPressa 6.8+).

Zachęcamy także do zapoznania się z naszymi innymi przewodnikami dotyczącymi migracji do Gutenberga:

Spis treści

Dlaczego migrować z Divi do Gutenberga w 2025

Divi 5 usuwa shortcody. Elegant Themes przebudowało Divi 5 na format przechowywania podobny do bloków. W oficjalnym wpisie czytamy: “Divi 5 zawiera migrator, który przekonwertuje wszystkie shortcody Divi 4 na bloki Divi 5”, a także tryb kompatybilności wstecznej dla starszych treści. Źródło.
Status Divi 5 w 2025. Divi 5 jest w fazie Public Alpha z aktualizacjami co dwa tygodnie, zbliżając się do Public Beta. Zobacz aktualizacje i statusy Elegant Themes: Aktualizacje Alpha, status/changelog oraz centrum Divi 5.
WordPress 6.8+ (wydany 15 kwietnia 2025) przyniósł dalsze ulepszenia edytora blokowego; wersja 6.9 zaplanowana jest na 2 grudnia 2025. Notatki dla deweloperów, mapa drogowa 6.9.
Czystszy HTML i mniej zależności. Gutenberg generuje lekki kod, ograniczając zależność od ciężkich paczek CSS/JS buildera, poprawiając Core Web Vitals i łatwość utrzymania.
Opcje stopniowej migracji. Divi Layout Block pozwala osadzać układy Divi w Gutenbergu, umożliwiając przechodzenie strona po stronie. Dokumentacja.

Przygotowanie & audyt (nie pomijaj)

Najpierw backup + staging. Sklonuj stronę na staging (pliki + baza danych). Zaplanuj strategię przywracania.
Sporządź inwentaryzację wszystkiego. Strony, wpisy, CPT, taksonomie, szablony Divi Theme Builder (nagłówki/stopki), szablony WooCommerce, moduły globalne, shortcody, slidery, formularze.
Zanotuj zależności zewnętrzne. Wypisz moduły/wtyczki specyficzne dla Divi i sprawdź ich odpowiedniki w Divi 5/Gutenbergu.
Ekstrakcja systemu designu. Wyeksportuj palety, typografię, odstępy i komponenty, by odtworzyć je w theme.json, wzorcach i własnych blokach.
Potwierdź wersje platformy. Celuj w WordPressa 6.8+ i nowoczesne PHP. Zobacz notatki dla deweloperów WordPressa.

Narzędzia i pomocnicy migracji

Migrator Divi 5 (wbudowany). Konwertuje shortcody Divi 4 na bloki Divi 5 z kompatybilnością wsteczną dla starszych/zewnętrznych modułów. Szczegóły.
“Divi Migration Tools” od Automattic. Otwarta wtyczka pomocnicza do konwersji treści Divi na WordPressa. Używaj na stagingu i sprawdź rezultat. GitHub.
Divi Layout Block. Osadzaj istniejące układy Divi w Gutenbergu, by migrować stopniowo. Dokumentacja.
Motyw blokowy + theme.json. Wybierz motyw blokowy lub własny motyw z theme.json dla globalnych stylów (kolory, fonty, odstępy).
Bloki wielokrotnego użytku i wzorce. Przekonwertuj powtarzalne sekcje (hero, CTA, cenniki) na wzorce dla spójności.
Zestaw do QA. Lighthouse, WebPageTest, PageSpeed Insights; sprawdzarki linków; narzędzia dostępności; testowanie schematów.

Divi → Gutenberg: typowe zamienniki

Element Divi	Zamiennik w Gutenbergu	Uwagi
Sekcja / Wiersz / Kolumna	Grupa / Kolumny / Układ Stack	Użyj kontroli układu + odstępów w Grupie/Kolumnach.
Blurb	Media i tekst / Grupa + Nagłówek + Akapit + Obraz	Stwórz wzorzec wielokrotnego użytku dla powtarzalnych blurbs.
Przycisk	Blok Przycisków	Przypisz style do presetów w `theme.json`.
Obraz / Galeria	Obraz / Galeria	Zachowaj opisowy `alt`; używaj natywnego lazy-load.
Slider	Okładka + wzorce lub lekki blok/wtyczka slidera	Preferuj minimalny JS; unikaj ciężkich sliderów jeśli to możliwe.
Formularz kontaktowy	Blok wtyczki formularza (np. core/zewnętrzne)	Przenieś potwierdzenia, ochronę przed spamem, zgody RODO.
Moduł bloga	Pętla zapytań	Odtwórz układy archiwum/kart za pomocą wariantów Pętli zapytań.
Nagłówek/stopka Theme Buildera	Części szablonu motywu blokowego	Przenieś nagłówek/stopkę do `templates/parts` z wzorcami.

Proces migracji krok po kroku

Zamroź zakres & przejdź na staging. Zablokuj zmiany treści, utwórz kopię staging, włącz tryb konserwacji podczas testów przełączenia.
Zbierz metryki bazowe. Zapisz Core Web Vitals, wyniki Lighthouse, najważniejsze strony wejścia i ścieżki konwersji.
Zainstaluj WordPress 6.8+ i motyw blokowy. Skonfiguruj theme.json tak, by odzwierciedlał obecne palety/typografię.
Przeprowadź próbne konwersje.
- Opcja A: Zainstaluj Divi 5 (Public Alpha tylko na stagingu) i przetestuj wbudowany migrator na kilku stronach. Centrum Divi 5.
- Opcja B: Przetestuj Divi Migration Tools (Automattic) na treściach niskiego ryzyka. GitHub.
- Opcja C: Stopniowa zamiana z użyciem Divi Layout Block w Gutenbergu, a następnie przebudowa każdej strony natywnie. Dokumentacja.
Przebuduj części szablonów. Przekonwertuj nagłówki/stopki i archiwa z Theme Buildera na szablony blokowe i wzorce; sprawdź bloki menu, wyszukiwania i logo strony.
Zastąp nieobsługiwane moduły. Gdy nie ma 1:1 bloku dla modułu Divi, odtwórz go za pomocą Grup/Wzorców lub lekkiej wtyczki blokowej; unikaj ciężkich zależności.
Przegląd treści. Popraw nagłówki (hierarchia H2/H3), sprawdź linki wewnętrzne, zaktualizuj media, dodaj opisowe alt, przejrzyj dostępność.
Parzystość SEO. Zachowaj slug’i; potwierdź canonical/robots; przenieś schematy; sprawdź sitemapę; upewnij się, że breadcrumbs są spójne.
QA & wydajność. Testy na urządzeniach, responsywność, 404/przekierowania, formularze, wyszukiwarka, szybkość (LCP, CLS, INP). Porównaj z bazą.
Zaplanuj przełączenie na produkcję. Wybierz okno niskiego ruchu; backup; wdrożenie; ponowne testy; monitoruj logi/Lighthouse; w razie potrzeby przywróć poprzednią wersję.

SEO & wydajność: zasady bezpieczeństwa

Adresy URL: zachowaj slug’i; jeśli coś się zmienia, dodaj 301.
Tytuły & meta: sprawdź dla każdego szablonu. Potwierdź Open Graph/Twitter Cards.
Obrazy: kompresuj, ustaw poprawne rozmiary, zachowaj alt.
Schematy: zachowaj kluczowe schematy (Org, Produkt, FAQ, Artykuł). Zweryfikuj po migracji.
Zasoby: preferuj natywne bloki + style z theme.json; minimalizuj dodatkowy CSS/JS.
Pomiary: ponownie uruchom Lighthouse i porównaj z bazą.

Ile trwa migracja Divi → Gutenberg?

Dla strony marketingowej liczącej 20-40 podstron przewiduj 1-3 tygodnie wraz z ekstrakcją systemu designu, przebudową, QA i kontrolą parytetu SEO. Złożone sklepy/portale (setki stron, WooCommerce, własne moduły) mogą wymagać 4-8+ tygodni z wdrożeniami fazowanymi. Używaj stagingu od początku, by ograniczyć ryzyko i wybierz stopniowe przejście strona po stronie, jeśli interesariusze nie akceptują jednego okna przełączenia.

Potrzebujesz eksperta?

Zajmujemy się pełnymi migracjami, w tym ponownym wdrożeniem systemu designu, własnymi blokami/wzorcami, QA i zabezpieczeniami SEO. Sprawdź nasze usługi WordPress w DeveloPress i zaplanujmy najbezpieczniejszą ścieżkę do Gutenberga.

Powiązane materiały

Elementor → Gutenberg Migracja (2025) – podejście i checklisty.
WordPress 6.9: data wydania & nowości – co nowego 2 grudnia 2025.

FAQ.

Nie widzisz swojego pytania? Napisz do nas. Zawsze chętnie pomożemy.

Czy Divi 5 jest już wystarczająco stabilny do migracji?

Divi 5 jest w fazie Public Alpha (wkrótce Public Beta) z częstymi aktualizacjami. Najpierw używaj go na stagingu i stosuj się do zaleceń Elegant Themes. Centrum Divi 5, status.

Czy Divi 5 naprawdę usuwa shortcody?

Tak. Divi 5 zastępuje przechowywanie shortcode’ów Divi 4 formatem blokowym i zawiera migrator do konwersji istniejących treści. Oficjalne ogłoszenie.

Czy mogę migrować stronę po stronie zamiast wszystko naraz?

Tak. Użyj Divi Layout Block, by osadzać układy Divi w Gutenbergu i stopniowo przebudowywać strony. Dokumentacja.

Na jaką wersję WordPressa celować?

Celuj w 6.8+. WordPress 6.8 ukazał się 15 kwietnia 2025, a 6.9 planowany jest na 2 grudnia 2025 z kolejnymi ulepszeniami edytora. Notatki dla deweloperów, mapa drogowa.

Czy SEO ucierpi podczas migracji?

Jeśli zachowasz adresy URL, metadane, schematy i linki wewnętrzne — oraz ponownie przetestujesz wydajność — SEO powinno pozostać stabilne lub się poprawić dzięki czystszemu kodowi. Zalecamy wdrożenie etapowe i ścisły monitoring w Search Console.

Czy DeveloPress może przeprowadzić migrację kompleksowo?

Tak – od audytu i mapowania systemu designu po własne bloki, QA i parytet SEO. Zobacz nasze usługi i zamów plan migracji.

Migracja z Divi do Gutenberga 2025 – przewodnik krok po kroku