Nasza strona internetowa zawiera linki do stron partnerskich. Jeśli klikniesz z naszej strony na stronę partnera i tam dokonasz zakupu jego usług, otrzymamy prowizję za pośrednictwo (Dowiedz się więcej). Ta forma współpracy nie wpływa na obiektywność naszych recenzji. Przy każdym zakupie za pomocą kliknięcia z naszej strony internetowej wspierasz naszą redakcję, abyśmy mogli tworzyć wysokiej jakości przydatne treści również w przyszłości. Dziękujemy.

Recenzja: Gdy poznasz Divi, nie będziesz chciał innego szablonu

kreatora motywów Divi

Divi to najczęściej używany szablon WordPress na świecie. Zawiera wiele przydatnych narzędzi, za pomocą których można tworzyć oryginalne wizualnie strony internetowe, bez wiedzy technicznej. Jak to jest możliwe? Dowiesz się w tej recenzji.

Co to jest Divi?

Divi to wszechstronny szablon WordPress i wizualny kreator do tworzenia stron internetowych w jednym. To połączenie umożliwia tworzenie ładnych, profesjonalnie wyglądających stron internetowych w WordPressie. Bez znajomości programowania czy kodowania w HTML.

Możesz myśleć o Divi jako o narzędziu do łatwego tworzenia stron internetowych. Tworzenie jest łatwe dzięki wizualnemu edytorowi drag&drop (chwyć i upuść) stron. W edytorze drag & drop strony są kompilowane poprzez przenoszenie modułów (kolumn, obrazów, galerii, przycisków, cenników, tekstów, formularzy, nagłówków, map itp.) z menu narzędziowego do określonej pozycji na stronie, gdzie są następnie modyfikowane i ustawiane na ich ostateczny wygląd. Na przykład możesz zmienić kolor czcionki, rozmiar, wcięcie lub dodać efekty wizualne, takie jak cieniowanie w module.

Przedstawiamy szablon Divi z edytorem drag&drop.

Aby jeszcze bardziej ułatwić tworzenie strony internetowej, w tym kreatorze przygotowano szablony układów. W rzeczywistości są to gotowe szablony wyglądu, które wystarczy edytować i zmienić istotne elementy (teksty, zdjęcia itp.) na własne. Bez programowania możesz zbudować i uruchomić własną stronę internetową z Divi w kilka minut.

Dla kogo jest szablon Divi?

Divi to uniwersalny szablon. Taki szablon można wykorzystać do dowolnej dziedziny, tematu lub projektu. Możesz stworzyć małą stronę firmową i ogromny portal internetowy, magazyn czy e-sklep.

Możesz z niego skorzystać na przykład na stronę freelancera, rzemieślnika, handlowca, ale możesz go również wykorzystać jako bloger, kreatywny pracownik, konsultant. Szablon świetnie nadaje się również do tworzenia wyrafinowanych landing pages.

Zmienność szablonu i jego ustawień licencji, które pozwalają na korzystanie z szablonu na nieograniczonej liczbie stron internetowych, pozwalają niezależnym projektantom stron internetowych i agencjom na korzystanie z Divi w projektach klientów. Dzięki temu otrzymają naprawdę potężne narzędzie, które ułatwi im zaprojektowanie i zbudowanie nowej profesjonalnej strony internetowej.

Kto stoi za Divi?

Szablon został stworzony i opracowany przez Elegant Themes z San Francisco w USA. Firma powstała w 2008 roku. Została założona i nadal jest prowadzona przez programistę i twórcę szablonów wordpress Nicka Roacha.

Na początku Elegant Themes było tak zwanym projektem one man show. Specjalizowało się w tworzeniu szablonów premium, dla których klienci subskrybowali ich uaktualnienia.

Oferta Elegant Themes powiększała się z roku na rok o inne udane nowoczesne szablony, z których w 2013 roku korzystało ponad 210 000 użytkowników na całym świecie.

Pod koniec roku, 11 grudnia 2013 r., Nick Roach ogłosił utworzenie szablonu Divi na blogu Elegant Themes. Już od samego wpisu dało się odczuć, że Divi ma duże nadzieje na przyszłość. W końcu się spełniły. W 2020 roku ten popularny szablon WordPress jest używany w ponad 1 300 000 witryn na całym świecie. Według statystyk na stronie Built Width jest to najczęściej używany szablon na świecie. Jego popularność wciąż rośnie. W samych Czechach i na Słowacji korzysta z niego łącznie prawie 10 000 stron internetowych.

Główne cechy i funkcje Divi

Jak wskazałem w artykule, Divi nie jest „głupim” szablonem dla WordPressa, ale jest wielofunkcyjnym narzędziem do tworzenia stron internetowych. Jego główną zaletą jest to, że zawiera wszystko, czego potrzebujesz podczas tworzenia stron internetowych na WordPress.

Główne cechy szablonu Divi.
Główne cechy szablonu Divi.

Powyższe zdjęcie nie sugeruje tego, ale Divi jest prawie w całości przetłumaczone na język polski. Niestety strona Elegant Themes nie ma polskiej wersji, ale szablon ma. Nawet jeśli nie znasz angielskiego, możesz bez obaw korzystać z tego szablonu. To naprawdę jest po polsku.

W szablonie Divi możesz spodziewać się funkcji, które opiszę w kolejnych akapitach.

Divi builder

Builder Divi to edytor WYSIWYG (What You See Is What You Get). Oznacza to, że strony są w nim tworzone w widoku rzeczywistym. Kiedy więc tworzysz nową stronę, od razu widzisz jej ostateczny wygląd. Zaletą tworzenia tej strony jest przede wszystkim krótki czas, a także prostota.

Intuicyjność ustawienia szablonu i kreatora jest na całkiem niezłym poziomie. Moim zdaniem nawet początkujący może zrozumieć kreator drag & drop, ale musi znać administrację CMS WordPress, ponieważ ten szablon nie może się bez niego obejść.

Jeśli potrafisz zorientować się w WordPressie, z łatwością zrozumiesz edytowanie stron za pomocą tego szablonu. Myślę, że Divi jest o wiele bardziej przyjazny dla użytkownika niż obecny edytor wordpress Gutenberg.

Header & Footer Builder

Dzięki Divi możesz zbudować własny nagłówek (sekcja z logo i menu) lub stopkę witryny. Budujesz oba za pomocą wizualnego builderu. Przykładowo pozwala tworzyć bardziej wyrafinowane nagłówki stron, w których nie ma tylko logo i menu, ale mogą się tam znajdować numery telefonów, przyciski i inne potrzebne elementy. Dobre jest to, że możesz ustawić te nagłówki i stopki dla całej witryny lub tylko dla określonej strony.

Edytor roli użytkownika

Możesz użyć edytora ról, aby ograniczyć aktywność użytkowników. Na przykład klient lub redaktorzy nie będą wchodzili w bardziej złożone ustawienia szablonów, w których mogliby zepsuć cały wygląd lub funkcję stron przez nieostrożne zachowanie.

Moduły

Obecnie w Divi jest nieco ponad 40 modułów. Są to właściwie elementy składające się na stronę internetową. Mogą to być slidery, tytuły, teksty, galerie, przyciski, cenniki, a nawet formularze. W razie potrzeby komponujesz te moduły w stronę. Bez programowania stworzysz bardziej złożoną stronę internetową, która również będzie się poprawnie wyświetlać na wszystkich urządzeniach, ponieważ uzyskany wygląd będzie responsywny.

A/B testowanie

Wyniki testowania A/B większej ilości sliderów. Źródło: Elegant Themes.
Wyniki testowania A/B większej ilości sliderów. Źródło: Elegant Themes.

Split testy (testowanie A/B) to przydatna funkcja, dzięki której w łatwy sposób możesz przetestować skuteczność strony lub tylko jej poszczególnych elementów. Dzięki temu zobaczysz, co działa lepiej dla użytkownika. Aby osiągnąć jak najlepszy rezultat, wyniki i statystyki tych testów wyświetlają się bezpośrednio w administracji, co pomoże w wyborze najefektywniejszej wersji strony.

Niestandardowy CSS

Korzystając z szablonu Divi, możesz całkowicie obejść się bez CSS, ponieważ możliwości ustawienia i stylizacji elementów w kreatorze są niemal nieograniczone. Jednak zaawansowani użytkownicy i programiści mogą czasami chcieć użyć własnego kodu CSS. W kreatorze możesz łatwo łączyć swoje style z wizualnym designem Divi.

Ustawienia SEO

Ustawienia SEO dla strony.

W Divi możesz edytować tytuły i podpisy stron lub adresy URL. W rzeczywistości jest to prosty zamiennik wtyczek SEO, takich jak Yoast lub Rank Math. Chociaż to ustawienie SEO pomoże Ci wpłynąć na nagłówki i podpisy, które pojawią się w wyszukiwarkach, nie tworzy już przykładowo sitemap. Z tego powodu dobrze jest wykorzystać jedną z wymienionych wtyczek SEO przy większych projektach internetowych.

Gotowe układy (szablony)

Siła Divi tkwi w prostym tworzeniu stron. Najbardziej cieszą się z tego ludzie kreatywni, którzy potrafią w pełni wykorzystać własną wyobraźnię przy tworzeniu projektu strony internetowej. Dla osób mniej kreatywnych lub doświadczonych firma Elegant Themes przygotowała profesjonalne projekty witryn. W rzeczywistości są to szablony projektów stron internetowych, które można natychmiast wykorzystać na własnej stronie internetowej.

Przykłady gotowych projektów w kreatorze Divi.
Przykłady gotowych projektów w kreatorze Divi.

Dzięki gotowym projektom możesz znacznie uprościć swoją pracę. Na przykład możesz wybrać szablony zgodnie z kategoriami, do których są pogrupowane. Jeśli tworzysz stronę internetową dla restauracji, to wybierzesz projekt w kategorii Jedzenie i napoje. Wybrany projekt możesz pobrać na swoją stronę internetową, gdzie możesz edytować teksty, obrazy i inne elementy. W ciągu kilku minut masz ładną, responsywną i profesjonalnie wyglądającą stronę internetową, która spodoba się odwiedzającym.

W bazie danych Elegant Themes znajduje się obecnie 160 gotowych projektów witryn. W sumie istnieje ponad 1100 układów różnych stron.

Pozwolę sobie wytłumaczyć. Na powyższym obrazku widać przykładowy wygląd. Każdy szablon składa się średnio z 5 stron (wstępna, o nas, usługi, referencje, kontakt itp.). Nie musisz używać gotowego projektu witryny, ale możesz wybrać i wykorzystać tylko jedną stronę układu. Możesz zbudować swoją stronę internetową, komponując własny projekt i gotowy projekt lub mieszając kilka gotowych projektów układu.

Niestandardowy design witryny

Przygotowane designy są dobrym wskaźnikiem tego, co można stworzyć za pomocą Divi. W Divi Builder nie ma ograniczeń co do kreatywności i wyobraźni. Z Divi Builder możesz stworzyć swój własny design na pustej stronie. Nie musisz ograniczać się do określonych ustawień i układu, możesz stworzyć swój własny, oryginalny projekt.

Zaletą Divi jest to, że projekt strony internetowej, którą stworzysz będzie w pełni responsywny. Oznacza to, że strony wyświetlają się poprawnie na różnych urządzeniach, od komputera po telefon komórkowy.

Cena licencji Divi

Cena licencji Divi
Cena licencji szablonu Divi – roczna i dożywotnia.

Cena licencji podzielona jest na dwa pakiety – licencję roczną i licencję dożywotnią. Oba pakiety zapewniają wszystkie korzyści, takie jak możliwość korzystania z Divi na nieograniczonej liczbie stron internetowych, dostęp do wszystkich projektów układów, wsparcie premium i aktualizacje. Jedyną różnicą jest więc to, że z licencją roczną musisz płacić za te przywileje co roku, podczas gdy z licencją dożywotnią płacisz tylko raz i możesz cieszyć się wszystkimi korzyściami w nieskończoność.

Instrukcja: utwórz stronę za pomocą szablonu Divi

W krótkim tutorialu postaram się przybliżyć Ci zasadę tworzenia strony internetowej w Divi builderze. Na pustej stronie utworzymy stronę wprowadzającą serwisu.

Jeśli masz aktywny szablon Divi, w WordPress wybierz opcję Utwórz stronę w menu Strony. To się nie zmienia. Zostaniesz przeniesiony na stronę edytora, gdzie możesz wybrać, czy chcesz utworzyć stronę za pomocą kreatora Divi, czy domyślnego edytora. Pamiętaj, aby wypełnić tytuł strony.

Wybierz Divi Builder, aby utworzyć stronę.

W kolejnej sekcji masz wybór:

  • Buduj od zera – zacznij od pustej strony
  • Wybierz układ – masz do wyboru gotowe projekty stron
  • Skopiuj istniejącą stronę – skopiujesz już utworzoną stronę
Wybierz sposób tworzenia strony.

Wybrałem metodę budowy strony od samego początku. Dotarłem do pustej strony, na której muszę zacząć od wstawienia nowego akapitu.

Wstaw nowy wiersz

Wstaw nowy wiersz

Pomyśl o witrynie jak o arkuszu kalkulacyjnym. Składa się z wierszy i kolumn. Możesz utworzyć nieograniczoną liczbę wierszy, ale kolumn w wierszu zawsze może być maksymalnie 6. Moja nowa strona będzie się składać z 3 wierszy. 1. wiersz ze wstępem i tytułem głównym, 2. z wprowadzeniem usług oraz 3. z danymi kontaktowymi i formularzem.

Włóż moduł

Wyjaśniliśmy już, że moduły to elementy strony, takie jak obrazy, formularze, galerie czy teksty. Chcę stworzyć tytuł strony głównej, więc muszę znaleźć moduł Tekst.

Wstaw moduł tekstowy.
Wstaw moduł tekstowy.

Po kliknięciu na pozycję moduł zostanie dodany do strony. Wraz z nim zostanie dodany przykładowy tekst i wyświetlony zostanie edytor tekstu, w którym pracujesz z tekstem. Możesz także dodatkowo stylizować tekst za pomocą prostego interfejsu. Na przykład możesz zmienić czcionkę, rozmiar czcionki, cieniowanie lub kolor.

Edytor tekstu
Edytor tekstu
Ustawienie i stylizacja tekstu.
Ustawienie i stylizacja tekstu.

Dodaj nową sekcję

Aby dodać kolejny wiersz strony, kliknij przycisk dodaj nową sekcję. Następnie przechodzisz do klasycznego wyboru układu wierszy lub do wyboru specjalnego układu kolumn. Muszę przyznać, że bardzo podoba mi się ta funkcja.

Dodaj nową sekcję.
Dodaj nową sekcję.
Specjalny układ kolumn.
Specjalny układ kolumn.

Tworzenie strony internetowej odbywa się za pomocą tych prostych kroków, o których wspominam w samouczku. Po dodaniu każdego modułu znajdziesz inne opcje ustawień i stylizacji. Aby uzyskać inspirację, możesz przejrzeć bibliotekę projektów tworzonych w Divi.

Zapisz design i opublikuj stronę

Po utworzeniu designu strony upewnij się, że strona została opublikowana, aby inni użytkownicy mogli ją przeglądać. Możesz zapisać ukończoną stronę jako wersję roboczą lub bezpośrednio opublikować gotową.

Publikowanie strony
Publikowanie strony

Plusy i minusy Divi

Pros (+)Cons (-)
+ Jeden szablon dla nieograniczonej liczby stron internetowych- Niektóre tłumaczenia szablonów zawierają błędy
+ Divi drag&drop builder- Na większej i bardziej złożonej stronie kreator może reagować wolniej
+ Kompatybilna z większością wtyczek WordPress- Po dezaktywacji Divi pozostaną tylko „ shortkody” stron. Dlatego stworzony projekt nie będzie wyświetlany na innym szablonie
+ Gotowy design układów
+ Szablon stale się rozwija (częste aktualizacje)
+ Stworzysz responsywną stronę internetową bez programowania
+ Nieograniczona dożywotnia licencja

Ocena i wnioski

Divi ma niesamowitą bazę użytkowników. Dzięki temu deweloperzy mają wystarczającą ilość pieniędzy, które mogą częściowo przeznaczyć na dalszy rozwój. Dla użytkownika końcowego oznacza to w szczególności, że jeśli nie wie, jak sobie z czymś poradzić, prawdopodobnie znajdzie w internecie instrukcję.

Duża baza użytkowników oznacza również, że inni twórcy wtyczek upewniają się, że ich prace są kompatybilne z Divi. Na przykład popularny system e-sklepów WooCommerce doskonale współpracuje z Divi, więc łącząc je można stworzyć świetny sklep internetowy.

Nie podoba mi się to, że po dezaktywacji szablonu Divi pozostanie Ci tylko garść short kodów. Z tego powodu nie możesz użyć innego szablonu dla swojej witryny, ponieważ oryginalny projekt nie pojawiłby się tam. Czy to ograniczenie? Prawdopodobnie nie. Zakłada się, że po zakupie Divi nie będziesz potrzebować kolejnego szablonu, ponieważ ten jest wystarczająco zmienny i wielofunkcyjny.

Z Divi jest tak jak z każdym szablonem. Trochę błędów pojawi się tu i tam, ale programiści wkrótce to naprawią. Jedyną różnicą może być przydatność tego szablonu dla nie-programistów. Bez wiedzy technicznej możesz stworzyć własną, oryginalną stronę internetową. Z tego powodu nie bałbym się polecić Divi większości użytkowników WordPressa.

Rate this post

Similar Posts

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.