Strony w Divi Builder – budowa, poprawki, migracja

Divi dobrze sprawdza się na stronach firmowych i usługowych, gdzie właściciel chce sam zmieniać treści i układ, a projekt nie wymaga nietypowej logiki. Wiele funkcji jest na miejscu: formularze, testy A/B wariantów sekcji, szablony, biblioteka elementów. Słabiej wypada, gdy liczy się każda milisekunda ładowania, gdy w planach jest zmiana motywu albo gdy stronę mają rozwijać programiści pracujący głównie w kodzie i systemie kontroli wersji.

Strony w Divi bywają wolne z kilku powtarzalnych powodów: zagnieżdżona struktura sekcji, wierszy i kolumn tworzy rozbudowany DOM, animacje i efekty paralaksy obciążają przeglądarkę, a duże obrazy w tłach sekcji opóźniają LCP. Dochodzą do tego ikony, fonty i skrypty zewnętrzne. Zaczynamy od opcji wydajności dostępnych w samym motywie, potem upraszczamy układ najcięższych podstron, ustawiamy priorytet głównej grafiki i rezerwujemy miejsce na elementy, które powodują przesunięcia układu.

Przy przejęciu sprawdzamy, czy Divi działa jako motyw, czy jako wtyczka, gdzie są własne zmiany i czy ktoś nie edytował plików motywu bezpośrednio – wtedy każda aktualizacja grozi utratą poprawek. Weryfikujemy elementy globalne, szablony Theme Buildera i niestandardowy CSS wpisany w ustawieniach pojedynczych modułów, który trudno potem odnaleźć. Sprawdzamy też, czy obok Divi nie działają wtyczki z dodatkowymi modułami, od których zależą wybrane podstrony.

Jeśli decydujesz się wyjść z Divi, pamiętaj, że w klasycznym formacie układ stron zapisany jest w shortcode’ach z przedrostkiem et_pb. Po zmianie motywu bez migracji zostają one w treści jako surowy tekst. Odtwarzamy więc podstrony w nowym narzędziu, przenosimy obrazy i teksty, zachowujemy adresy URL, a na koniec przeszukujemy bazę, żeby żaden wpis nie został ze starymi znacznikami. Dopiero wtedy wyłączamy Divi.

Divi Library pozwala zapisywać moduły, wiersze i sekcje do ponownego użycia, w tym elementy globalne, które zmienia się w jednym miejscu. Na wielu stronach biblioteka z czasem zamienia się jednak w zbiór przypadkowych zapisów. Porządkujemy ją: usuwamy duplikaty, nazywamy elementy według funkcji i oznaczamy te, które są globalne.

Przygotowujemy też układy całych podstron do typowych zastosowań. Zespół zaczyna nową podstronę od gotowego układu, a nie od pustej strony, co przyspiesza pracę i utrzymuje spójny wygląd.

Divi rozwija się i zmienia sposób działania kreatora oraz generowania kodu. Duże aktualizacje mogą przynieść poprawę wydajności, ale wymagają sprawdzenia, czy istniejące układy, moduły zewnętrzne i własny kod działają poprawnie.

Przed taką aktualizacją tworzymy kopię testową strony, przeglądamy kluczowe podstrony i formularze, sprawdzamy zgodność dodatków i dopiero wtedy przenosimy zmiany na działającą stronę. Jeśli któryś dodatek nie jest gotowy, czekamy lub szukamy zamiennika.