Jest pewien moment w każdym projekcie w Divi 5 kiedy budujesz coś i myślisz: „to się na pewno przyda na innej stronie”. Sekcja hero która dobrze wyszła. Karta usługi którą długo dopracowywałeś. Sekcja z opiniami klientów którą klient zatwierdził bez poprawek.
Jeśli w tym momencie nie zapiszesz tego do Divi Library — za dwa tygodnie budujesz to samo od zera i zastanawiasz się czemu projekt idzie wolniej niż powinien.
Divi Library to miejsce gdzie zapisujesz gotowe elementy projektu żeby móc ich używać ponownie — na tej samej stronie, na innych stronach, albo w zupełnie nowych projektach.
Czym jest Divi Library i co można w niej zapisać
Divi Library to wbudowane repozytorium layoutów i elementów dostępne bezpośrednio w builderze. Możesz do niej zapisać praktycznie każdy element który zbudujesz:
divi_library
Całe układy stron — kompletny layout strony głównej, strony usługi, landing page. Kiedy zaczynasz nową stronę możesz załadować zapisany layout jako punkt startowy zamiast budować od zera.
Sekcje — pojedyncze sekcje które powtarzają się w projekcie. Sekcja CTA, sekcja z opiniami, sekcja z logotypami klientów. Raz zbudowana, dostępna wszędzie jednym kliknięciem.
Wiersze — układ kolumn z modułami który często się powtarza. Wiersz z ikoną, tytułem i opisem który używasz w kilku miejscach.
Pojedyncze moduły — konkretny przycisk z określonymi ustawieniami, box z cieniem który długo dopracowywałeś, moduł testimonial z konkretnym stylem.
Jak zapisywać do Library
Zapisanie elementu do Library jest proste. Klikasz prawym przyciskiem myszy na sekcję, wiersz lub moduł w builderze — i wybierasz opcję zapisu do Library. Divi pyta o nazwę i czy chcesz zapisać z ustawieniami globalnymi czy bez.
Ta ostatnia opcja jest ważna i często ignorowana.
Jeśli zapisujesz element „z ustawieniami globalnymi” — element w Library jest połączony z oryginałem. Zmiana zapisanego elementu aktualizuje wszystkie miejsca gdzie jest używany. Dokładnie jak preset.
Jeśli zapisujesz „bez ustawień globalnych” — tworzysz niezależną kopię. Możesz jej użyć jako punktu startowego i modyfikować bez wpływu na inne miejsca.
Który tryb wybrać zależy od tego jak planujesz używać elementu. Sekcja CTA która ma być identyczna na dziesięciu stronach — globalnie. Layout strony który jest punktem startowym do dalszych modyfikacji — bez globalnych ustawień.
Kiedy zapisywać
Najlepszy moment na zapisanie elementu do Library to zaraz po tym jak jest gotowy i zatwierdzony. Nie „może kiedyś” — teraz, zanim zaczniesz budować kolejną stronę.
W praktyce warto mieć nawyk zapisywania do Library przy każdym elemencie który:
Zajął Ci więcej niż kwadrans dopracowywania — jeśli poświęciłeś czas na ustawienia, nie chcesz tego powtarzać.
Pojawia się lub może się pojawić w więcej niż jednym miejscu — sekcja z opiniami, stopka dodatkowa, sekcja z logotypami klientów.
Jest zatwierdzony przez klienta — zatwierdzona sekcja to sekcja którą warto zachować w niezmienionej formie.
Będziesz chciał użyć w innym projekcie — więcej o tym za chwilę.
Library między projektami
To jest funkcja Divi Library której wiele osób nie używa, a która robi ogromną różnicę w pracy na dłuższą metę.
Divi Library pozwala eksportować zapisane elementy jako pliki JSON i importować je na innych stronach. Oznacza to że możesz budować własną bibliotekę komponentów — sprawdzone sekcje, layouty stron, presety elementów — i przenosić je między projektami.
Każdy projekt który robisz może wzbogacać Twoją bibliotekę. Po roku pracy masz zestaw sprawdzonych elementów z których składasz nowe projekty zamiast budować od zera.
Sekcja hero która działa? Do biblioteki. Formularz kontaktowy który klienci chwalą? Do biblioteki. Layout strony usługi który dobrze konwertuje? Do biblioteki.
Dla iFox jako firmy budującej strony to jest jedno z narzędzi które bezpośrednio przekłada się na szybkość i jakość pracy — każdy kolejny projekt korzysta z najlepszych rozwiązań wypracowanych przy poprzednich.
Porządek w Library
Im dłużej pracujesz z Divi Library, tym więcej w niej zapisanych elementów. I tym łatwiej się w niej zgubić jeśli nie masz systemu nazewnictwa.
Kilka praktycznych zasad które pomagają utrzymać porządek:
Nazywaj elementy opisowo i konsekwentnie. Nie „Sekcja 1” ale „Hero — dwukolumnowy z obrazkiem”. Nie „Button” ale „CTA — Primary, duży”. Za miesiąc będziesz wiedział co jest w Library bez otwierania każdego elementu osobno.
Używaj kategorii jeśli Library rośnie szybko. Divi pozwala przypisywać elementy do kategorii — „Sekcje CTA”, „Karty”, „Layouty stron”, „Nagłówki”. Szybkie znajdowanie elementu zamiast scrollowania przez całą listę.
Regularnie czyść przestarzałe elementy. Layout który był dobry dwa lata temu i nie pasuje do aktualnego stylu pracy zajmuje miejsce i może zmylić kogoś kto z Library korzysta po raz pierwszy.
Library a Team
Jeśli nad projektem pracuje więcej niż jedna osoba, Divi Library jest jednym z kluczowych narzędzi utrzymania spójności.
Zamiast każdy buduje po swojemu i potem się okazuje że dwie osoby zbudowały dwie różne wersje sekcji z opiniami — jedna osoba buduje, zatwierdza, zapisuje do Library, i reszta zespołu używa tego samego elementu.
W połączeniu z presetami i Design Variables daje to pełną kontrolę nad spójnością projektu niezależnie od tego ile osób przy nim pracuje.
Nie odkrywaj koła na nowo
Jedna zasada przy pracy z Divi Library którą warto sobie powtarzać: jeśli budujesz coś po raz drugi, coś poszło nie tak.
Drugi raz identyczna sekcja CTA — powinna być zapisana w Library po pierwszym razie. Drugi projekt z podobnym layoutem strony głównej — powinieneś mieć punkt startowy z poprzedniego projektu. Drugi raz ten sam układ karty usługi — preset albo element w Library.
Library istnieje po to żeby nie odkrywać koła na nowo. Im konsekwentniej jej używasz, tym więcej czasu zostaje na rzeczy które faktycznie wymagają świeżego myślenia.