Recenzja Divi: Jak ten budowniczy oszczędza godziny na projektowaniu strony internetowej

Jeśli kiedykolwiek próbowałeś budować stronę internetową od podstaw, wiesz, jaki jest problem: niezliczone wtyczki, skomplikowane układy i godziny stracone tylko na to, aby wszystko wyglądało dobrze.

Dlatego Divi zwróciło moją uwagę. Ten budowniczy WordPressa nie tylko zapewnia szablon, ale pozwala również projektować swoją stronę internetową dokładnie tak, jak chcesz, bez konieczności pisania kodu. Divi utrzymuje prostotę, jednocześnie zapewniając elastyczność tworzenia unikalnych stron internetowych.

W tej recenzji Divi omówię zalety i wady, co to jest, dla kogo jest najlepsze, oraz jego kluczowe funkcje. Następnie pokażę, jak użyłem wtyczki Divi, aby wygenerować cały artykuł w kilka minut.

Zakończę artykuł, porównując Divi z moimi trzema najlepszymi alternatywami (Wix, B12 i Brizy). Na końcu będziesz wiedzieć, czy jest to odpowiednie dla Ciebie!

Werdykt

Divi to budowniczy strony internetowej, który bezproblemowo tworzy dostosowalne strony internetowe bez konieczności kodowania. Jednak może być wolniejszy, jeśli nie zoptymalizowany, a domyślne szablony mogą wyglądać niewyjątkowo, jeśli nie zmieni się ich.

Co to jest Divi?

Divi to popularny motyw WordPressa z potężnym wizualnym budowniczym strony opracowanym przez Elegant Themes. Można go użyć do tworzenia w pełni dostosowalnych stron internetowych bez konieczności pisania kodu za pomocą interfejsu drag-and-drop.

Divi jest jednym z najbardziej rozpoznawalnych nazw w przestrzeni budowniczych strony internetowej WordPressa. Jednak wiele osób nie zdaje sobie sprawy, że jest to tak naprawdę dwa produkty w jednym. W swojej istocie Divi funkcjonuje zarówno jako kompletny motyw WordPressa, jak i jako samodzielny wtyczka budownicza strony do elastyczności.

Dwunatura Divi

W przeciwieństwie do tradycyjnych motywów WordPressa, które zamykają Cię w przedstawionych układach i ograniczonych opcjach dostosowywania, Divi całkowicie rozbija te bariery.

Motyw zapewnia czystą i responsywną bazę dla każdej treści. Tymczasem wtyczka budownicza strony zmienia edycję strony internetowej w doświadczenie drag-and-drop.

Ten dwufunkcyjny podejście oznacza, że możesz zastosować możliwości budowania Divi do dowolnego motywu WordPressa za pomocą wtyczki lub użyć kompletnego motywu Divi do w pełni zintegrowanego doświadczenia. Możesz korzystać z elastyczności Divi z motywami, które już kochasz.

Od prostego motywu do wizualnego potężnego

Elegant Themes uruchomiło Divi w 2013 roku jako motyw WordPressa, ale przeszło ono dramatyczną transformację w ciągu ostatniej dekady.

Oryginalna wersja używała interfejsu backendu. Jednak nie oferowała opcji edycji live, wizualnej.

Wprowadzenie Wizualnego Budowniczego w 2016 roku oznaczało punkt zwrotny. Użytkownicy mogli teraz edytować swoje strony internetowe bezpośrednio na frontendzie z podglądem w czasie rzeczywistym.

Późniejsze aktualizacje dodały zaawansowane funkcje, w tym:

• Integrację dynamicznej treści
• Kontrolę CSS
• Funkcjonalność Budowniczego Tematu (projektowanie nagłówków, stopki i całych szablonów stron)

Filozofia za wizualnym budowaniem

Celem Divi jest uczynienie projektowania strony internetowej dostępnym poprzez usunięcie barier technicznych. W przeszłości niestandardowe projekty WordPressa wymagały umiejętności kodowania, takich jak HTML, CSS i PHP, pozostawiając wiele osób z podstawowymi szablonami.

Wizualny budowniczy usuwa bariery techniczne z łatwymi kontrolami kolorów, czcionek i odległości. Przechodzi poza budowanie strony, aby objąć pełny projekt strony.

Integracja z ekosystemem WordPressa

Divi działa bezproblemowo z WordPressem, zachowując treści w standardowych formatach, które pozostają nienaruszone nawet w przypadku wyłączenia Divi.

Divi działa dobrze z popularnymi wtyczkami WordPressa do SEO, e-commerce, formularzy i bezpieczeństwa. Integruje się z WooCommerce do sprzedaży produktów online i obsługuje narzędzia takie jak Yoast SEO, aby utrzymać projekty zoptymalizowane pod kątem wyszukiwarki.

System obsługuje również WordPress multisite. Oznacza to, że duże organizacje mogą zarządzać wieloma stronami internetowymi z jednej instalacji.

Dla kogo jest najlepsze Divi?

Oto rodzaje osób, dla których Divi jest najlepsze:

• Freelancerzy i projektanci strony internetowej mogą używać Divi do tworzenia w pełni dostosowalnych stron internetowych bez konieczności kodowania.
• Małe i średnie przedsiębiorstwa mogą używać Divi do budowania profesjonalnych stron, takich jak portfele, blogi i strony usług z pełną kontrolą nad projektem.
• Agencje i deweloperzy mogą używać Divi do przyspieszenia projektów strony internetowej za pomocą gotowych układów.
• Właściciele sklepów internetowych mogą używać Divi do projektowania sklepów WooCommerce z niestandardowymi stronami produktów i przepływami kasy.
• Marketerzy mogą używać Divi do prowadzenia testów A/B i tworzenia stron internetowych zoptymalizowanych pod kątem SEO.
• Instytucje edukacyjne i organizacje non-profit mogą używać Divi do tworzenia wielu stron internetowych pod jedną licencją, aby zarządzać różnymi departamentami lub programami.

Kluczowe funkcje Divi

Oto kluczowe funkcje Divi AI:

• Budowniczy drag-and-drop: edycja live, wizualna na frontendzie i backendzie.
• Budowniczy Tematu: projektowanie nagłówków, stopki, szablonów, 404, postów na blogu, produktów i więcej.
• Układy i szablony: tysiące projektów szablonów i stron startowych.
• Kontrola responsywna: dostosowywanie dla komputera, tabletu i telefonu komórkowego.
• Style globalne: ponownie używalne sekcje i zsynchronizowane aktualizacje projektu.
• Opcje zaawansowane: czcionki, kolory, odległości, animacje, efekty hover i niestandardowy CSS.
• Narzędzia AI: generowanie treści i przyspieszanie budowy.
• WooCommerce: 20+ modułów dla niestandardowych stron sklepu i produktów.
• Przechowywanie i zarządzanie: Divi Cloud i Dash do przechowywania w chmurze i zarządzania.
• Treść dynamiczna: auto-wstawianie tytułów, obrazów, dat i więcej.
• Biblioteka modułów: tekst, obrazy, formularze, slajdy, galerie i więcej do tworzenia układów strony.
• Wydajność: zoptymalizowana pod kątem prędkości, SEO i dostępności.

Jak używać Divi

Oto jak zainstalowałem wtyczkę Divi AI i użyłem go do wygenerowania całego artykułu w kilka minut:

1. Zarejestruj się w Divi AI
2. Zaloguj się do Elegant Themes
3. Pobierz Divi
4. Dodaj wtyczkę Divi
5. Prześlij i zainstaluj wtyczkę Divi
6. Aktywuj wtyczkę
7. Dostosuj ustawienia wtyczki Divi
8. Wygeneruj artykuł
9. Edytuj za pomocą budowniczego Divi
10. Rozpocznij budowę
11. Wygeneruj układ z AI
12. Uwierzytelnić subskrypcję Elegant Themes
13. Uzyskaj dostęp do nazwy użytkownika i klucza API
14. Wygeneruj klucz API
15. Uwierzytelnić konto
16. Opisz stronę
17. Wybierz obrazy i czcionki
18. Wygeneruj układ

Krok 1: Zarejestruj się w Divi AI

Zacząłem od przejścia do elegentthemes.com i przejścia do “Get Divi AI.”

Krok 2: Zaloguj się do Elegant Themes

Po uzyskaniu Divi Pro zostałem przekierowany do logowania do Elegant Themes.

Krok 3: Pobierz Divi

Po zalogowaniu się zostałem przedstawiony z dwoma sposobami pobrania Divi:

• Motyw Divi (wszystko w jednym motywie WordPressa i budowniczym strony)
• Wtyczka budownicza Divi (wizualny budowniczy strony)

Wybierz motyw Divi, jeśli budujesz stronę internetową od podstaw i chcesz użyć Divi jako motywu. Jeśli już masz zainstalowany motyw na swojej stronie internetowej WordPressa i jesteś z niego zadowolony, pobierz wtyczkę Divi.

W moim przypadku miałem już zainstalowany motyw na mojej stronie internetowej WordPressa, który mi się podobał. Wybrałem “Pobierz wtyczkę Divi.”

Krok 4: Dodaj wtyczkę Divi

Natychmiast wtyczka Divi zaczęła pobierać się na moim komputerze.

Z mojego pulpitu WordPressa najechałem na “Wtyczki” i przeszedłem do “Dodaj wtyczkę.”

Krok 5: Prześlij i zainstaluj wtyczkę Divi

Następnie kliknąłem “Prześlij wtyczkę”, wybrałem plik ZIP wtyczki Divi i wybrałem “Zainstaluj teraz”.

Krok 6: Aktywuj wtyczkę

Z tego miejsca kliknąłem “Aktywuj wtyczkę”.

Krok 7: Dostosuj ustawienia wtyczki Divi

Po zainstalowaniu i aktywowaniu wtyczki zauważyłem nową pozycję menu “Divi” w moim pulpicie WordPressa. To było miejsce, w którym mogłem dostosować ustawienia wtyczki, utworzyć szablony strony, dodać układy i przypisać.

Krok 8: Wygeneruj artykuł

Następnie chciałem wygenerować post za pomocą Divi. Przeszedłem do moich postów i wybrałem jeden z nich. Wybrałem fioletowy przycisk Divi u góry.

Krok 9: Edytuj za pomocą budowniczego Divi

Następnie wybrałem “Edytuj za pomocą budowniczego Divi.”

Krok 10: Rozpocznij budowę

To przekierowało mnie do Wizualnego Budowniczego, gdzie mógłem albo rozpocząć budowę z Divi, albo wziąć udział w tourze. Zdecydowałem się skoczyć prosto i rozpocząć budowę.

Krok 11: Wygeneruj układ z AI

Divi przedstawiło mi trzy opcje, jak chcę rozpocząć budowę:

1. Użyj istniejącej treści: zachowaj istniejącą treść strony podczas korzystania z budowniczego Divi.
2. Wybierz gotowy układ: wybierz jeden z setek gotowych układów, użyj jednego ze swoich zapisanych układów lub skopiuj istniejącą stronę.
3. Buduj z AI: opisz treść swojej strony i pozwól Divi AI zbudować stronę za pomocą jednego kliknięcia.

Naturalnie, był to najbardziej interesujący mnie sposób: Buduj z AI. Nie tylko był to najłatwiejszy sposób budowania z Divi, ale chciałem zobaczyć, co potrafi Divi AI.

Krok 12: Uwierzytelnić subskrypcję Elegant Themes

Przed wygenerowaniem tekstu z Divi AI musiałem uwierzytelnić swoją subskrypcję Elegant Themes za pomocą klucza API i nazwy użytkownika.

Krok 13: Uzyskaj dostęp do nazwy użytkownika i klucza API

Aby znaleźć moją nazwę użytkownika i klucz API, zalogowałem się do mojego konta Elegant Themes, najechałem na “Konto” i wybrałem “Nazwa użytkownika i klucz API”.

Krok 14: Wygeneruj klucz API

Na dole wybrałem “Wygeneruj nowy klucz API”.

Krok 15: Uwierzytelnić konto

Stamtąd skopiowałem i wkleiłem moją nazwę użytkownika i klucz API do pustych pól na WordPressie i kliknąłem “Prześlij”.

Krok 16: Opisz stronę

Następnie Divi poprosiło mnie o opisanie strony, którą chcę, aby utworzył. Opcjonalnie mogłem opisać swoją stronę internetową. Dla najlepszych wyników zalecam podanie obu.

Oto podpowiedź, którą dałem Divi:

“Utwórz recenzję Kittl, w tym werdykt, zalety, wady, co to jest, dla kogo jest najlepsze, jego kluczowe funkcje, jak go używać i trzy najlepsze alternatywy.”

Także podałem Divi opis mojej strony internetowej:

“Ta strona internetowa oferuje najlepsze narzędzia projektowe, zasoby i inspirację, które są oceniane i przeglądane przez projektanta graficznego.”

Krok 17: Wybierz obrazy i czcionki

Istniały również trzy typy obrazów, które mogłem kazać Divi użyć na mojej stronie:

1. Obrazy ze stoku
2. Obrazy wygenerowane przez AI
3. Obrazy zastępcze

Na końcu mogłem dostosować czcionki i kolory mojej strony.

Zdecydowałem się pozwolić AI wygenerować obrazy dla mnie i wybrać kolory i czcionki, aby zobaczyć, co wymyśli.

Gdy wszystko było wypełnione, kliknąłem “Wygeneruj układ”.

Krok 18: Wygeneruj układ

Parę minut później Divi wygenerowało cały artykuł w zorganizowanym układzie, który był w pełni dostosowalny. Mogłem najechać na dowolny blok, aby go przenieść, skopiować, usunąć i więcej. Mogłem również uzyskać dostęp do ustawień, aby zaktualizować treść i projekt.

Chociaż wyniki nie były idealne, a treść wymagała sprawdzenia faktów, wtyczka Divi AI okazała się potężnym narzędziem do uruchomienia tworzenia treści i projektowania. Oszczędziła czas, zapewniła strukturę i ułatwiła dostosowanie każdego szczegółu bez konieczności rozpoczynania od zera.

Trzy najlepsze alternatywy dla Divi

Oto najlepsze alternatywy dla Divi, które polecam.

Wix

Pierwszą alternatywą dla Divi, którą polecam, jest Wix. Wix to przyjazny użytkownikowi budowniczy strony internetowej z edycją drag-and-drop. Został zaprojektowany dla osób z niewielkim lub żadnym doświadczeniem w projektowaniu strony internetowej.

Z jednej strony Wix wyróżnia się w pełni hostowanym rozwiązaniem. Oznacza to, że nie musisz zarządzać hostingiem ani konserwacją, a także zawiera funkcje takie jak budowniczy strony internetowej AI do tworzenia strony internetowej z pomocą AI.

Z drugiej strony Divi oferuje bardziej zaawansowane opcje projektowania z budowniczym frontendu i backendu, pełnym budowniczym tematu i integracją z wtyczkami WordPressa i WooCommerce.

Dla wszystkich w jednym hostowanym rozwiązaniu i tworzenia strony internetowej z pomocą AI wybierz Wix. Dla pełnej kontroli tworzenia i integracji z WordPressem wybierz Divi!

Odwiedź Wix lub przeczytaj moją recenzję Wix!

B12

Kolejną alternatywą dla Divi, którą polecam, jest B12. B12 to platforma AI, która pomaga firmom szybko tworzyć i uruchamiać profesjonalne strony internetowe z minimalnym wysiłkiem i umiejętnościami technicznymi.

B12 używa AI do przyspieszenia projektowania i tworzenia treści. Jest to doskonała opcja dla każdego, kto chce szybko wygenerować profesjonalną stronę internetową z wbudowanym SEO.

Tymczasem Divi wyróżnia się budowniczym wizualnym i opcjami dostosowywania. Divi ułatwia tworzenie spersonalizowanych stron internetowych z kontrolą nad każdym elementem. Ponadto integruje się z WooCommerce i dużą biblioteką gotowych układów.

Dla głębokiego dostosowywania projektu i pełnej kontroli nad elementami strony internetowej wybierz Divi. Dla natychmiastowego tworzenia strony internetowej z pomocą AI wybierz B12!

Brizy

Ostatnią alternatywą dla Divi, którą polecam, jest Brizy. Brizy ułatwia tworzenie atrakcyjnych, responsywnych stron internetowych z edycją drag-and-drop, 180+ gotowymi szablonami i czystym interfejsem.

Brizy koncentruje się na prostocie i prędkości. Oferuje również współpracę w chmurze i lżejszą, szybszą wydajność.

Tymczasem Divi wyróżnia się Budowniczym Tematu do pełnej kontroli nad nagłówkami, stopkami i szablonami. Ponadto obsługuje WooCommerce z dedykowanymi modułami e-commerce i funkcjami stylowania globalnego.

Wybierz Divi dla pełnej kontroli nad projektem, niestandardowych szablonów i silnego wsparcia WooCommerce. W przeciwnym razie wybierz Brizy dla prędkości, prostoty i współpracy.

Recenzja Divi: Czy to odpowiednie narzędzie dla Ciebie?

Po przetestowaniu Divi mogę z całą pewnością powiedzieć, że osiąga dobry balans między elastycznością a łatwością użycia. Budowniczy drag-and-drop, tysiące szablonów i dostosowywanie dały mi więcej kontroli niż większość narzędzi. Ponadto funkcje AI pomogły mi budować szybciej.

Dla mnie Divi jest dobrym wyborem, ponieważ cenię wolność twórczą, głębokie dostosowywanie i możliwość skalowania projektów bez konieczności kodowania. Jednak jeśli jesteś ciekawy najlepszych alternatyw dla Divi, oto co polecam:

• Wix jest najlepszy jako wszystko w jednym hostowanym rozwiązaniu z bezproblemowym hostingiem i budowniczym strony internetowej AI.
• B12 jest najlepszy do szybkiego tworzenia profesjonalnych biznesowych stron internetowych.
• Brizy to prosta, szybka i lekka budownicza strony internetowej z funkcjami współpracy.

Dziękuję za przeczytanie mojej recenzji Divi! Mam nadzieję, że była pomocna. Wypróbuj motyw Divi lub budowniczą wtyczkę i zobacz, jak Ci się podoba!

Często zadawane pytania

Jakie są wady Divi?

Wady Divi obejmują przytłaczające początkujących ze względu na wiele funkcji. Może również spowolnić czas ładowania strony, jeśli nie zoptymalizowany, szczególnie na dużych lub złożonych stronach.

Czy Divi jest lepsze niż Wix?

Wix jest najlepszy dla początkujących, którzy chcą wszystko w jednym stronie internetowej z szablonami i pomocą AI. Tymczasem Divi jest lepsze dla pełnej kontroli nad projektem, dostosowywania i integracji z WordPressem/WooCommerce.

Czy Divi jest lepsze niż Squarespace?

Divi jest lepsze dla pełnej dostosowywalności, kontroli nad każdym elementem projektu i integracji z WooCommerce. Squarespace jest lepsze jako wszystko w jednym hostowanym rozwiązaniu z szablonami do szybkiego uruchomienia.

Czy Divi jest dobre dla początkujących?

Tak, Divi jest dobre dla początkujących. Jego budowniczy drag-and-drop ułatwia projektowanie stron internetowych bez konieczności kodowania, a biblioteka szablonów pomaga szybko tworzyć profesjonalne strony.

Czy Divi używa AI?

Divi integruje funkcje AI za pomocą Divi AI, które jest wbudowane w Divi 5 i jego wizualnym budowniczym. Z Divi AI możesz generować tekst, obrazy, fragmenty kodu i nawet całe strony internetowe za pomocą prostych podpowiedzi.