Elementor vs Divi: recenzja, zalety / wady i ostateczny przewodnik (2021)

elementor vs divi

Witaj w mojej bezstronnej recenzji Elementor vs Divi dla 2021.

Sukces mojej agencji zawdzięczam tym dwóm kreatorom stron (i kawie na zimno), ale są one przeznaczone dla dwóch ZUPEŁNIE RÓŻNYCH typów klientów. Jeśli wybierzesz niewłaściwy plan, pójdziesz na skróty lub uzyskasz zły plan, możesz:

  • Zmarnuj setki dolarów (i co ważniejsze, wiele, wiele godzin)
  • Renderuj swoje witryny podatne na włamania
  • Poważnie ogranicz swoje możliwości skalowania firmy

Ale nie martw się, naprawdę łatwo jest wybrać idealny program do tworzenia stron IF wiesz, czego szukać. Mam wieloletnie doświadczenie z oboma, więc pozwól, że przeprowadzę Cię krok po kroku przez wszystko w prostym języku angielskim ze zrzutami ekranu, gifami i wszystkim innym!

Weź kawę (lub swój ulubiony ciepły napój), ponieważ za chwilę zagłębisz się w:

  • Divi czy Elementor? Jak szybko ocenić swoją obecną sytuację i zdecydować, która jest lepsza.
  • Jak zdecydować na podstawie budżetu, umiejętności i doświadczenia z Elementorem i Divi
  • Jedyna kluczowa różnica w cenie, która może zaoszczędzić tysiące dolarów w ciągu całego życia Twojej firmy
  • Głupi błąd, który prawie mnie kosztował 100 dolarów ORAZ bezpieczeństwo wszystkich moich witryn
  • To straszne doświadczenie z jednym z tych produktów, o którym musisz wiedzieć

Stworzyliśmy prosty spis treści, abyś mógł szybko przejść do najbardziej odpowiedniej sekcji. Kliknij, aby otworzyć zawartość poniżej:

Contents [show] [Pokazać]

  

Elementor vs Divi: „Chcę wiedzieć, co jest dla mnie najlepsze!”

Spieszysz się i chcesz wiedzieć, co jest lepsze dla Twojej firmy, zanim w coś zainwestujesz?

Pozwólcie, że podam wam to bezpośrednio na podstawie mojego prawie 5-letniego doświadczenia z oboma tymi narzędziami (od kiedy Elementor został wydany jako pierwszy w 2016 roku). 

Jedna grupa firm ABSOLUTNIE potrzebuje Elementora, a inna 100% potrzebuje Divi.

Jeśli nie dokonasz właściwego wyboru, zapłacisz. Jeśli nie teraz, to za rok od teraz jesteś zbyt sfrustrowany, by pracować tak, jak chcesz. A cała ta produktywność i efektywność, o której marzy każdy przedsiębiorca, jest niemożliwa.

O wiele więcej na ten temat później, ale oto krótka wersja dla Ciebie:

Pobierz Divi JEŻELI…

  • Jesteś agencją: Ceny Divi sprawiają, że jest to oczywiste dla ambitnych agencji. Dożywotni dostęp bez ograniczeń kosztuje TYLKO 249 USD. To 249 USD za każdą funkcję na nieskończonych stronach internetowych. Jeśli masz setki stron, to jak wydawanie 1 USD lub LESS za stronę dla najbardziej zaufanego kreatora stron na świecie. 
  • Potrzebujesz najlepszego wsparcia w branży.
  • Masz doświadczenie w projektowaniu: Divi jest również dobry dla początkujących, ale jest jeszcze lepszy dla doświadczonych konstruktorów. Krzywa uczenia się jest bardziej stroma niż w przypadku Elementora, ale kiedy wiesz, co robisz, moc jest o wiele większa.
  • Potrzebujesz motywu premium do pracy z: Divi to wysokiej jakości motyw WordPress, a także narzędzie do tworzenia stron, więc kupując jeden, otrzymujesz oba.

Pobierz Elementor, JEŚLI…

  • Potrzebujesz najłatwiejszego narzędzia do tworzenia stron: Elementor umożliwia każdemu zbudowanie pięknej strony docelowej bez znajomości kodowania już od 0 USD!
  • Jesteś solopreneur z 1 witryną
  • Masz ograniczony budżet i potrzebujesz DARMOWEGO planu
  • Jesteś projektantem, który potrzebuje skomplikowanych elementów
  • Czujesz potrzebę SZYBKOŚCI. Elementor jest tak szybki, że wydaje się, że strona wczytuje się, ZANIM kliknę Enter
  • Masz już motyw do pracy: Elementor to program do tworzenia stron (nie motyw) i musi być uzupełniony motywem WordPress. 

 

Divi vs Elementor tak naprawdę sprowadza się do jednej rzeczy: ceny. Kliknij tutaj, aby przejść do tabeli cen 

Elementor vs Divi

Elementor i Divi oba mają zaawansowane funkcje budowania stron. Elementor jest darmowy i ma wersję PRO kosztującą 49 USD. Divi kosztuje 89 USD rocznie i może być używany na nieograniczonej liczbie witryn. ten Divi Builder jest przyjazny dla użytkownika, ale z Elementorem pracuje się szybciej.

Podsumowanie

  logo elementora wtyczka divi builder
Zwycięzca 🏆  
Ogólnie  4.9 / 5  4.5 / 5
Łatwość użycia  5 / 5  4.5 / 5
Samouczek  4.5 / 5  4.5 / 5
Stabilność i niezawodność  5 / 5  4 / 5
Rozciągliwość  5 / 5  4.5 / 5
wartość  4.5 / 5  5 / 5
Cena Zaczyna się od $ 49 Zaczyna się od $ 89
Darmowa wersja tak Nie - ale ma 30-dniową gwarancję zwrotu pieniędzy
Edytor w czasie rzeczywistym tak tak
Edycja bezpośrednia tak tak
Frontend / Backend Obie Obie
Przeciągnij i upuść tak tak
Obsługiwane elementy innych firm tak tak
Frontend / Backend Obie Obie
Import / Export tak tak
Grupa docelowa Deweloper / Projektant / Użytkownik / Agencja Projektant / Użytkownik / Agencja
Obsługiwane elementy 90 +  46
Obsługa widżetów WordPress tak Skomplikowany
Wyczyść kod tak Nie
Gotowe szablony / układy 300 + 150 +
Fajna funkcja Treść dynamiczna Testy A / B
Wydajność  4.5 / 5  4 / 5
 Co nam się podobało  Bardzo wydajne rozwiązanie do tworzenia wszelkiego rodzaju projektów  Przejrzysty interfejs użytkownika
   Doskonałe opcje zarządzania układem  Treść pozostaje nienaruszona nawet po dezaktywacji wtyczki
   Atrakcyjne ceny z dostępem  Unikalny tryb edytora dla klientów
   Najpopularniejszy program do tworzenia stron nie bez powodu  Umożliwia korzystanie z widżetów WordPress w układach
 Co nam się nie podobało  Elementor wymaga nabycia motywu WordPress  Po usunięciu wtyczki część kodu pozostaje
Strona internetowa Odwiedź stronę 
Odwiedź stronę (10% ZNIŻKI)

 

Teraz, gdy masz już szybki przegląd każdej wtyczki, przyjrzyjmy się im dogłębnie. Zbadaliśmy wiele aspektów, więc nie krępuj się przewijać i przeskakiwać do sekcji, które Cię interesują.

Zacznijmy od ostatecznej rozgrywki kreatorów stron: Elementor kontra Divi!

(PROSZĘ PRZECZYTAĆ TEN): Dlaczego wybór niewłaściwego narzędzia do tworzenia stron może kosztować Cię wszystko!

Muszę podzielić się tą historią…

Nie dlatego, że chcę narzekać (no może trochę…), ale dlatego, że każdy deweloper, projektant, firma i agencja musi wiedzieć, jak ważna jest ta decyzja.

Dawno, dawno temu, w minionej erze tworzenia stron internetowych (około 8 lat temu?), Wszyscy korzystali z najlepszych motywów WordPress tego dnia. 

Piękne strony na pewno były możliwe, ale wymagały KOSZMARSKIEGO plątaniny krótkich kodów. Nie możesz zrozumieć horroru,less przeżyłeś te czasy. Tylko trochę przesadzam…

W każdym razie ...

Nie było sposobu na zbudowanie czegoś bez znajomości WordPressa na wylot.

Projektanci stron internetowych byli specyficzną kategorią programistów, którzy potrafili łączyć kod z odpowiednim projektem.

Człowieku, życie było… inne. 

Pewnego dnia wybitny dostawca WordPress (WPMUDEV) zaczął promować ten niesamowity nowy kreator stron z funkcją przeciągania i upuszczania: Upfront.

"To niesamowite. To uratuje WordPress przed SquareSpace i Wix! ”, Powiedzieli. 

W tamtym czasie większość z nas nadal opierała się kreatorom stron. Włącznie ze mną.

Ale ten wydawał się ... lepszy.

Szczerze mówiąc, to było niesamowite. Narzędzie do przeciągania i upuszczania było jak masło. Miał też kilka kuszących funkcji:

  • Niesamowite elementy gotowe do pracy
  • Łatwe do edycji „regiony”
  • Edycja tekstu jednym kliknięciem
  • Szablony do ponownego wykorzystania i ograniczenia powtarzalnej pracy
  • Tworzenie stron było szybkie i łatwe! Nigdzie w pobliżu tego, przez co przechodziliśmy wcześniej ...

Upfront miał wszystko zmienić.

Tak więc jeden po drugim wszyscy zaczęli wskakiwać do pociągu. Agencja po agencji ustawiliśmy się w kolejce.

Ludzie byli tak podekscytowani, że całą mapę drogową stworzyli na platformie Upfront. Zatrudnili nawet i przeszkolili personel, aby go używać. Niektóre agencje obsługujące wiele lokalizacji miały setki stron, korzystając z usługi Upfront.

Nie zbudowałem całego biznesu wokół Upfront (nigdy nie wkładałem wszystkich jajek do jednego koszyka), ale powiedzmy, że miałem też sporo skórki w grze ...

Aż pewnego dnia wszystko się rozpadło.

żegnając się z góry

Pewnego dnia WPMUDEV po prostu postanowił przerwać wszystko.

Bez ostrzeżenia.

Ani jednego słowa.

Program Upfront został wycofany, a każda utworzona na nim strona stała się przestarzała.

Cała ta praca, cały ten czas i pieniądze, cały personel przeszkolony, aby z niego korzystać, wszystkie zbudowane z nim mapy drogowe: UŻYWAJLESS.

Przeczytaj tę recenzję właściciela agencji, który współpracował z Upfront:

Większość zeszłego roku spędziłem na przebudowie całej mojej agencji internetowej (naszej witryny marketingowej i witryn klientów) z wykorzystaniem Upfront i wokół niego. Samo przekonanie się, że jest teraz poza planami rozwoju, bez ostrzeżeń, po zaufaniu, zatrudnieniu i wyszkoleniu personelu, aby go używać, po prostu nie jest fajne. ”

Wiele firm ucierpiało ... to nie było przyjemne. 

Morał historii?

Wybór odpowiedniego narzędzia do tworzenia stron ma kluczowe znaczenie dla Twojej firmy. Oznacza to, że ważne jest, aby wybrać taki, który ma udokumentowane doświadczenie i godną zaufania markę.

Jeśli nie, możesz być następnym przedsiębiorcą, który opuści recenzję opisującą, jak korzystanie z Upfront prawie kosztowało ich wszystko.

Ale dygresję. Powrót do recenzji…

Co to są kreatory stron?

Nie interesuje Cię to wprowadzenie lub spieszysz się? Kliknij tutaj, aby przejść do następnej części artykułu

Zaczniemy nasz Elementor vs Divi Builder artykuł z wprowadzeniem do tego, co robi kreator stron.

Kreatory stron to narzędzia, które umożliwiają projektowanie i tworzenie od podstaw profesjonalnie wyglądających stron internetowych, nawet przy zerowym doświadczeniu w kodowaniu. 

KB4U67tiQLA

Zamiast spędzać miesiące na nauce niestandardowego kodowania strony, cała ciężka praca została już wykonana i spakowana w małe „elementy”. Po prostu „przeciągnij i upuść” je na stronę, gdziekolwiek chcesz, a VOILA, masz pięknie zaprojektowaną stronę… i nikt nie zna Twojego sekretu. 

Na przykład, jeśli chcesz dodać pole tekstowe lub obraz, po prostu chwyć ten „element” z paska bocznego, przeciągnij go na stronę i umieść tam, gdzie chcesz. Brzmi dużo lepiej niż przechodzenie do backendu i kodowanie to wszystko sam, prawda?

Większość z nich ma nawet gotowe szablony, które zwiększają konwersję odwiedzających, więc nie musisz nawet wykonywać żadnego „ciężkiego podnoszenia”.

Wystarczy kliknąć „element”, który chcesz dodać do swojej strony (na przykład obraz, pole tekstowe lub nową sekcję), przeciągnąć w dowolne miejsce i upuścić na miejsce 

To jak budowanie strony internetowej z klocków Lego.

tworzenie stron za pomocą narzędzi do tworzenia stron

Co to jest Divi?

Motyw Divi WordPress i narzędzie do tworzenia stron  

Divi to najpopularniejszy motyw WordPress z ponad 700,000 XNUMX sprzedażami i najlepszym narzędziem do tworzenia stron WordPress. Gdyby to był sport, byliby to Man U, New York Yankees i New England Patriots: więcej niż drużyna, instytucja.

użytkowników divi

W rzeczywistości to nawet więcej niż narzędzie do tworzenia stron - to mega fabryka witryn WordPress, która umożliwia freelancerom, agencjom i właścicielom witryn tworzenie pięknych witryn, optymalizowanie ich pod kątem konwersji (testy dzielone) i rozwijanie za pomocą mediów społecznościowych.

Ogromna popularność Divi wynika głównie z:

  • Nieograniczone użytkowanie: Divi to jeden z niewielu motywów, który zapewnia nieograniczone korzystanie ze wszystkich funkcji we wszystkich witrynach. Żadnych sztuczek cenowych. Żadnych mylących poziomów. Nie nic. Po prostu nieograniczone użytkowanie bez zadawania pytań.
  • Prosta wycena: 249 $ za dożywotni dostęp NA WSZYSTKICH TWOICH WITRYNACH.
  • Niezrównane wsparcie i społeczność: Divi to dla niektórych sposób na życie. Ma kwitnącą społeczność na Facebooku i najlepsze wsparcie w branży, więc zawsze będziesz wprowadzać innowacje, otrzymywać pomocne opinie i ulepszać swoją grę Divi.

Pracowaliśmy z tym produktem od dłuższego czasu, w rzeczywistości już to robiliśmy napisał tutaj pełną recenzję motywu Divi 3.0. Ich Divi builder to wtyczka wbudowana i dołączona do motywu, chociaż można ją kupić i używać osobno z innymi motywami, jeśli chcesz.

Kliknij tutaj, aby odwiedzić witrynę Divi i dowiedzieć się więcej na ten temat 

Co to jest Elementor?

element lub narzędzie do budowania stron  

Elementor to przełom na rynku, którego popularność rośnie w zawrotnym tempie. Jest to jeden z najpopularniejszych kreatorów dla soloprenarzy i firm posiadający tylko 1 witrynę.

To nowy dzieciak w okolicy, gotowy rzucić wyzwanie królowi i zmusić go do abdykacji.

Jest błyskawiczny, oferuje niezrównany wygląd i jest tak łatwy, że jaskiniowiec mógłby to zrobić. I pozwala Ci zacząć w 100% ZA DARMO. 

Daje prawie wszystko, co robi Divi, jest po prostu szybszy i łatwiejszy w użyciu. Jest to o wiele bardziej przystępne cenowo w przypadku jednej witryny.

Te dwa produkty są preferowane przez większość użytkowników i ekspertów WordPressa, ponieważ mają wiele zalet:

  • są łatwe w użyciu,
  • mają najlepszą wydajność i stabilność, oraz
  • są wspierane przez zespół doświadczonych programistów WordPress lub przez znaną firmę.

Zdumiewające 5,000,000 XNUMX XNUMX - to jest MILION - ludzie używają Elementora, kiedy to czytasz 

Dokładnie się w to zagłębiliśmy Elementor Pro - tutaj znajdziesz naszą recenzję

Kliknij tutaj, aby odwiedzić witrynę Elementor i zacząć bezpłatnie

Poczekaj, mówisz, że Divi i Elementor są niesamowite. Więc jak mogę wybrać?

Dobre pytanie.

Oba są bardzo podobne, ale tak jak powiedziałem wcześniej - ceny i niewielkie różnice w funkcjonalności sprawiają, że są idealne dla różnych segmentów rynku.

Porównajmy je obok siebie, aby uzyskać lepszy pomysł. 

Dzisiaj weźmiemy na rynek te dwa najlepsze programy do tworzenia stron, Elementor vs Divi Builderi zagłęb się we wszystkie ich możliwości i porównuj je bezpośrednio.

Przyjrzymy się dogłębnie ich interfejsowi użytkownika, zestawowi funkcji, cenom i nie tylko.

Pod koniec tego artykułu Elementor vs Divi będziesz mieć całą wiedzę potrzebną do dokonania świadomej oceny, która z nich pasuje własne potrzeby. 

Dowiesz się, jak działają, jak wyglądają, co jest dostarczane z pakietem, który z tych dwóch popularnych kreatorów stron ma dla ciebie najwięcej sensui wszystko, co musisz wiedzieć.

Pomoże Ci to w podjęciu świadomej decyzji, którą wybrać, lub czy zamiast tego powinieneś rozważyć inne narzędzia do tworzenia stron.

W następnej sekcji porównamy interfejs użytkownika Divi z interfejsem Elementora - tj. Jak łatwo jest budować strony internetowe za pomocą obu tych kreatorów stron.

Elementor vs Divi: łatwość użycia

Interfejs użytkownika i łatwość obsługi to jedne z najważniejszych elementów wtyczki do tworzenia stron. Tutaj spędzisz większość czasu na pracy. 

W naszej pierwszej części naszego Elementora vs Divi builder porównania, omówimy ich interfejsy użytkownika i dostępne ustawienia, które możemy skonfigurować.

Oba te narzędzia do tworzenia stron włożyły wiele wysiłku w zapewnienie, że są one łatwe w użyciu.

Zacznijmy od Divi Builder.

Dowiedz się więcej o: Divi Builder by Elegant Themes

Divi Builder Interfejs użytkownika

Zanim zaczniemy, zobaczmy, co sprzedawca ma do powiedzenia na temat korzystania z wtyczki w tym krótkim filmie, szczególnie w przypadku nowo ulepszonego interfejsu:

0qRYEseXnD4

Z Divi builder zainstalowana wtyczka, podczas tworzenia nowej strony zostaniesz powitany interfejsem użytkownika, który zapyta Cię, czy chcesz „Użyj Divi Builder” lub „Użyj edytora domyślnego”.

nowa strona

Kliknięcie na Użyj Divi Builder opcja otworzy ekran z prośbą o wybór między „buduj od podstaw”, „wybierz gotowy układ” lub „sklonuj istniejącą stronę”.

wybierz układ

 

  • Twórz od podstaw - zaczniesz od pustej strony.
  • Wybierz gotowy układ - pozwoli Ci wybrać jeden z gotowych szablonów. Porozmawiamy o tym bardziej szczegółowo później.
  • Klonuj istniejącą stronę - dość oczywiste, w zasadzie kopiuje istniejącą stronę do strony, nad którą aktualnie pracujesz.

Zamierzamy wybrać opcję „buduj od zera”, ponieważ pozostałe dwie opcje są prawie takie same, tylko z już dodaną zawartością. Pozwoli nam to bardziej skoncentrować się na tym, jak Divi builder interfejs działa i jak wygląda podczas używania go do projektowania stron i witryn.

Dodawanie elementów w Divi Builder

Kliknięcie opcji „buduj od zera” spowoduje uruchomienie Divi builder a pierwszą rzeczą, która się pojawi, jest okno dialogowe z prośbą o wstawienie nowego wiersza.

Okna dialogowe z opcjami, które możesz skonfigurować, otwierają się w zależności od modułu i zawartości, którą dodajesz. Więcej o modułach (które będziemy nazywać głównie elementami) omówimy w dalszej części artykułu.

nowy wiersz

Menu

Pandemia Divi builder interfejs użytkownika jest minimalistyczny.

Minimalizm zawsze był jedną z cech projektu Elegant Themes a kreator stron utrzymuje tę koncepcję projektu.

Jak widać na powyższym gifie, w ogóle nie ma paska bocznego ani paska menu. Zamiast tego masz tylko pływający okrąg z trzema białymi kropkami w środku.

Pływające kółko z trzema białymi kropkami jest tym, co działa jako twoje menu. Kliknięcie tych kropek na początkowej stronie kompilacji Divi zapewni dostęp do różnych opcji i przydatnych narzędzi.

pływające menu

Możesz przesuwać to menu, klikając je i przeciągając. Możesz upuścić go w jednej z ośmiu predefiniowanych pozycji w rogu ekranu.

Przyjrzyjmy się dokładniej zawartości tego pływającego menu. Korzystając z Divi, zaczynając od lewej strony, mamy

  • Divi builder ustawienia,
  • widok szkieletowy,
  • narzędzie do powiększania,
  • widok pulpitu,
  • widok tabletu,
  • ładowanie z opcji bibliotecznych,
  • opcja zapisz do biblioteki,
  • przejrzysty układ,
  • ustawienia strony,
  • historia edycji,
  • ruchliwość,
  • przycisk wyszukiwania i pomocy,
  • oraz przyciski zapisz wersję roboczą i opublikuj.

pływające menu 2

Co powiesz na dokładniejsze przyjrzenie się każdemu z nich?

Ustawienia konstruktora - spowoduje to wyświetlenie okna dialogowego z różnymi opcjami, które pozwalają dostosować ikony wyświetlane na Divi builder pasek narzędzi, zmień domyślny tryb widoku (mobilny, komputer stacjonarny lub tablet), włącz lub wyłącz animacje interfejsu użytkownika itp.

Widok szkieletowy - kliknięcie tego elementu włącza lub wyłącza widok szkieletowy. Możesz użyć widoku szkieletowego, aby uzyskać strukturalny widok strony.

widok szkieletowy

Narzędzie Zoom - umożliwia powiększanie i pomniejszanie strony.

Widok na komputer, tablet i telefon komórkowy - umożliwia podgląd wyglądu strony na różnych urządzeniach i rozdzielczości ekranu.

responsywny widok

Załaduj z biblioteki - umożliwia wstawienie lub użycie gotowego szablonu z biblioteki szablonów na stronę.

Zapisz w bibliotece - umożliwia zapisanie bieżącej strony do biblioteki szablonów.

Przejrzysty układ - usuwa wszystko ze strony.

Ustawienia strony - umożliwia dostęp do ustawień strony, takich jak tytuł, fragment, wyróżniony obraz itp.

Edycja historii - możesz stąd zobaczyć, jakie zmiany zostały wprowadzone w bieżącej sesji edycyjnej. Kliknięcie elementu pozwala cofnąć się w czasie, cofnąć wszystkie wprowadzone zmiany i przywrócić stan strony. 

historia edycji

Przenośność - importuj lub eksportuj swój aktualny układ.

Przyciski wyszukiwania i pomocy - te przyciski umożliwiają dostęp Divi builderdokumentacja; przycisk wyszukiwania umożliwia wyszukanie określonej akcji, pozycji menu lub elementu.

Przyciski Zapisz wersję roboczą i Opublikuj - dość oczywiste.

Menu specyficzne dla elementu

Podczas używania Divi builder, jeśli najedziesz kursorem na element, zostanie wyświetlony inny zestaw menu. Te menu pozwalają skonfigurować ustawienia konkretnego elementu, takie jak jego zawartość, układ lub dodanie do niego niestandardowego CSS.

menu specyficzne dla elementu

Divi Builder w akcji

Poniżej znajduje się gif edycji strony z Divi builder. Możesz użyć narzędzia do tworzenia stron, aby przeciągnąć elementy, aby zmienić ich położenie, lub możesz dwukrotnie kliknąć tekst, aby wykonać edycję w wierszu itp.

demo divi ui

I to prawie wszystko, jeśli chodzi o podstawy Divi builder interfejs użytkownika.

Pandemia Divi BuilderInterfejs użytkownika jest minimalistyczny - czysty i prosty, ale ma wszystko, czego potrzebujesz, aby załatwić sprawy.

Wcale Cię nie przytłacza, ale skupia się na projektach. Przedstawia wrażenia na pełnym ekranie. Oznacza to jednak, że dodawanie nowych elementów może czasami wymagać dużego kliknięcia.

To, co wyróżnia jego interfejs użytkownika, to możliwość przełączenia się na widok szkieletowy i szew z przodulessly.

Jest to przydatne, szczególnie w przypadku dużych stron, ponieważ będziesz mógł łatwiej przenosić elementy. Również w widoku z przodu Divi builder, przesuwanie elementów, zwłaszcza jeśli strona jest już pełna treści, może być nieco opóźnione.

Przełączenie do widoku szkieletowego eliminuje opóźnienie.

Wreszcie, korzystając z widoku szkieletowego, znacznie łatwiej jest uzyskać dostęp do menu specyficznych dla elementu, ponieważ są one zawsze widoczne.

Jak widać, pod względem łatwości użytkowania, Elegant Themes pracowałem, aby Divi builder prosty, ale jednocześnie potężny.

Teraz, gdy skończyliśmy z Divi Builder, przyjrzyjmy się interfejsowi użytkownika Elementora. Nasza następna sekcja Elementora vs Divi builder porównanie skupi się na interfejsie Elementor,

Interfejs użytkownika Elementora

Interfejs użytkownika Elementora bardzo różni się od większości innych kreatorów stron. Jeśli Divi builder skupia się na minimalizmie, Elementor skupia się na dostępności, ale wrażenia użytkownika są również świetne w przypadku tego narzędzia do tworzenia stron.

Użyjemy tej sekcji naszego Elementora vs Divi builder porównania, aby skupić się na różnicach między nimi.

Elementor wykorzystuje koncepcję bloków konstrukcyjnych, które są używane do tworzenia każdej strony w kilku „sekcjach”. Obejrzyj poniższy 1-minutowy film, który dokładnie wyjaśnia, jak to działa:

VRoPdyk97mg

Utworzenie nowej strony z aktywnym Elementorem przeniesie Cię do domyślnego edytora WordPress. Aby rozpocząć edycję strony, musisz kliknąć przycisk „Edytuj za pomocą Elementora” znajdujący się w górnej części ekranu, aby wywołać kreator Elementora.

Pobierz kopię wtyczki

utwórz nową stronę

Kliknięcie przycisku otworzy interfejs użytkownika Elementora, który składa się z dwóch części: sidebar oraz podgląd strony.

elementor interfejs użytkownika

Możesz ukryć pasek boczny, naciskając małą ikonę pokazaną na poniższym gifie:

Ukryj pasek boczny

Ukrycie paska bocznego pozwala na pełnoekranowy podgląd pliku strona. Pamiętaj, że nie możesz niczego edytować, gdy pasek boczny jest ukryty.

Dodawanie elementów w Elementorze

Aby dodać element do strony, po prostu przeciągnij i upuść go z paska bocznego na stronę.

przeciągnij i upuść

W Elementorze po przeciągnięciu i upuszczeniu elementu pasek boczny zmieni się, wyświetlając opcje specyficzne dla właśnie dodanego elementu.

Czerwony przycisk plusa i ikona folderu w podglądzie strony umożliwiają dodanie nowej sekcji lub załadowanie szablonu z biblioteki.

Po przeciągnięciu i upuszczeniu elementu na stronę lub po wybraniu elementu na stronie, zauważysz, że strona wyświetla teraz opcje dla wybranego elementu.

Aby wrócić do panelu wyboru elementów, możesz kliknąć ikonę kwadratowych kafelków w prawym górnym rogu menu paska bocznego.

nawigacja na pasku bocznym

Kliknij tę ikonę, a będziesz mógł wrócić do panelu wyboru elementów. Możesz teraz przeciągnąć i upuścić kolejny element z tego miejsca na stronę.

Sidebar

Pasek boczny podzielony jest na trzy części.

  1. Górne menu,
  2. ciało i
  3. dolne menu.

W górnym menu znajdują się ustawienia ogólne, w treści wyświetlane są informacje o aktualnie wybranym elemencie, a w dolnym menu dodatkowe ustawienia, które można skonfigurować. 

Menu górne

Górne menu paska bocznego kreatora stron Elementor znajduje się w lewym górnym rogu paska bocznego. Tutaj możesz skonfigurować domyślne style i ustawienia czcionek, próbnik kolorów itp.

menu górnego paska bocznego

Oprócz opcji stylizacji w tym menu są dostępne inne różne elementy.

Dostępna jest funkcja wyszukiwania, link do strony ustawień Elementora i nie tylko. Możesz również znaleźć niebieski wyjście do deski rozdzielczej przycisk, który przenosi Cię z powrotem do pulpitu nawigacyjnego WordPress.

Dolne menu

U dołu paska bocznego możesz zobaczyć dodatkowe elementy menu.

menu dolnego paska bocznego

Od lewej do prawej mamy ustawienia, nawigator, historię, tryb responsywny, podgląd zmian oraz przycisk publikowania.

Przycisk publikowania ma podmenu, do którego można uzyskać dostęp, klikając obok niego małą strzałkę w górę. Kliknięcie go daje dwie dodatkowe opcje zapisywania: zapisywanie wersji roboczej i zapisywanie jako szablon.

dodatkowe menu

Przejrzyjmy szybko każdy z nich.

Ustawienia - ikona koła zębatego znajdująca się po lewej stronie dolnego menu. Zawiera ustawienia strony, nad którą aktualnie pracujesz.

Tutaj możesz edytować tytuł strony, dodać wyróżniony obraz, zmienić jego stan publikacji (wersja robocza, zaplanowany, opublikowany), zmienić domyślny układ itp. Możesz również zauważyć obecność dwóch dodatkowych zakładek: styl i zaawansowany zakładki.

panel ustawień paska bocznego

Na karcie stylu możesz skonfigurować ustawienia stylu treści strony. Możesz zdefiniować kolor tła lub obraz, a także zmienić wypełnienie.

Na karcie Zaawansowane możesz dodać swój niestandardowy CSS.

nawigator - pozwala nam zobaczyć hierarchiczny widok elementów na stronie. Jest to porównywalne z Divi buildertryb szkieletowy. Jednak nawigator to tylko pływające menu reprezentujące hierarchię elementów strony. Możesz zmienić kolejność elementów również za pomocą nawigatora, chociaż jego funkcjonalność nie jest tak dobra, jak tryb szkieletowy, który widzieliśmy powyżej w sekcji Divi builder.

Głównym celem nawigatora jest, jak sama nazwa wskazuje, pomoc w poruszaniu się po stronie w znacznie łatwiejszy sposób. Jest to bardzo przydatne, zwłaszcza jeśli masz złożoną stronę z mnóstwem elementów.

nawigator

historia - gdzie możesz zobaczyć swoją historię edycji. Pozwala powrócić do poprzedniej wersji swoich zmian. Pamiętaj jednak, że zapisywane są tylko zmiany bieżącej sesji.

Jest jedna rzecz, która oddziela funkcję historii Elementora od Divi builder, i jest duży, dzięki czemu historia jest wielokrotnie lepsza.

Jak widać na powyższym obrazku, w panelu historii znajduje się kolejna zakładka oznaczona jako „wersje”. Te poprawki są zachowane nawet po wychodzenie z interfejsu użytkownika narzędzia do tworzenia stron lub nawet po zamknięciu przeglądarki.

Za każdym razem, gdy klikniesz przycisk „Aktualizuj”, zapisywana jest nowa wersja.

rewizje

Ponadto wtyczka umożliwia również automatyczne zapisywanie, zapobiegając utracie pracy z powodu problemów, takich jak awarie przeglądarki.

Dzięki temu możesz łatwo wrócić do poprzedniej wersji, nawet jeśli zamkniesz edytor, wylogujesz się z WordPressa lub wyłączysz komputer. Sama ta funkcja sprawia, że ​​Elementor jest wyraźnym zwycięzcą przeciwko Divi builder pod względem historii zmian.

Tryb responsywny - umożliwia podgląd wyglądu strony na różnych urządzeniach i rozdzielczościach ekranu.

responsywny podgląd

Podgląd zmian - otworzy nową kartę umożliwiającą podgląd na żywo Twojej strony.

Menu specyficzne dla elementu

Kliknięcie elementu na stronie podglądu spowoduje wyświetlenie menu specyficznego dla elementu z jego unikalnymi opcjami, które możesz konfigurować.

menu dla poszczególnych elementów 2

Elementor w akcji

Tak jak zrobiliśmy z ElegantThemes” produkt, w następnej części naszego porównania Divi vs Elementor pokażemy Elementor w akcji, abyś mógł zrozumieć różnicę między tymi dwoma programami do tworzenia stron.

Korzystając z animowanych gifów, możesz zobaczyć produkt w akcji w ramach naszej recenzji Elementor vs Divi.

Poniżej możesz zobaczyć, jak możemy przeciągać i upuszczać elementy, aby zmienić ich położenie, jak edytować szew tekstulesstylko, jak można dodawać nowe elementy itp.

Prezentacja interfejsu użytkownika elementor

Jak widać, kreator Elementora skupia się na dostępności i łatwości obsługi.

W przeciwieństwie do Divi, do którego przyzwyczajenie się może zająć trochę czasu, Elementor sprawia, że ​​jego użytkownicy czują się jak w domu. Dodawanie nowych elementów jest banalnie proste, ponieważ wystarczy przeciągnąć i upuścić potrzebny element z paska bocznego do obszaru podglądu.

Porównując Divi z Elementorem, widzimy, że mają inny cel. Pierwsza skupia się na prostocie i czystości, druga na dostępności i dostępności.

Więc kto wygrywa, jeśli chodzi o Elementor vs Divi - który kreator wizualny jest łatwiejszy w użyciu?

Uważamy, że nie ma zwycięzcy pod względem łatwości obsługi. Zarówno kreatory stron Elementor, jak i Divi mają interfejs, który pomaga w wykonaniu zadania.

To tylko kwestia stylu i preferencji. 

Zwycięzca Elementor vs Divi UI: Tie

Dowiedz się więcej na stronie wtyczki

Teraz, gdy zakończyliśmy badanie interfejsów użytkownika obu wtyczek, czas przyjrzeć się dostępnym elementom lub widżetom i modułom kreatorów stron zgodnie z ich żargonem.

Rzeczywiste „elementy” lub „moduły” są podświetlone w następnej części naszego porównania Elementor vs Divi.

Elementy

Elementy są tym, czego będziesz używać do tworzenia swojej strony. Jeśli chodzi o Divi vs Elementor, użycie terminologii jest nieco inne, ale ogólnie pojęcia są dość podobne.

Pandemia Divi builder nazywa swoje elementy Sekcja, die,en wiersze i kolumny, oraz Moduły. Podobnie jak Divi, Elementor działa z trzema podstawowymi blokami konstrukcyjnymi, ale z drugiej strony nazywa swoje elementy SekcjaThe kolumnaI widgety.

Elementy służą do definiowania struktury strony. Chociaż nazwy mogą być inne w Elementorze vs Divi builder, koncepcje są takie same.

Przyjrzyjmy się głębiej, zaczynając od Divi builder.

Divi BuilderElementy: sekcja, wiersze i moduły

Divi builderelementy są podzielone na trzy główne kategorie: Sekcja, który działa jak kontener, plik wydziwianie, który działa jako dzielnik, i Moduły, które są rzeczywistą treścią.

Poniższy obrazek przedstawia pustą stronę. Ta strona ma trzy sekcje. 

Druga sekcja zawiera wiersz, który jest podświetlony na zielono. Wiersz jest podzielony na trzy kolumny. Kolumny są puste.

Wreszcie, w dolnej sekcji znajduje się również wiersz, chociaż nie jest on podświetlony. Wiersz jest również podzielony na trzy kolumny, podobnie jak w drugiej sekcji. Środkowa kolumna dolnego rzędu zawiera moduł, który w tym przypadku jest modułem przycisku.

 

elementy

Aby dodać sekcje, wiersze lub moduły, kliknij przyciski plusa.

Pandemia niebieski fioletowy or pomarańczowy przycisk plus doda sekcję (kolor podświetlenia sekcji zmienia się w zależności od typu sekcji: niebieski dla zwykłej, fioletowy dla pełnej szerokości i pomarańczowy dla specjalności), Zielony przycisk plus doda wiersz i czarny przycisk plus doda moduł.

sekcje

w Divi builder, sekcja działa jako kontener na wiersze i moduły.

Możesz użyć sekcji, aby podzielić swoją stronę na różne części. Na przykład możesz mieć trzy sekcje na stronie; pierwsza to informacje, druga to sekcja kontaktowa, a trzecia to sekcja dotycząca lokalizacji firmy.

Sekcje są „niezależne” od siebie. Jeśli zastosujesz niebieski kolor tła w pierwszej sekcji, nie wpłynie to na pozostałe dwie sekcje.

Dodawanie sekcji - Kliknięcie niebieskiego (lub pomarańczowego lub fioletowego) przycisku plusa na stronie pozwoli Ci dodać nową sekcję. Kliknięcie określonego przycisku spowoduje wyświetlenie okna dialogowego z prośbą o wybranie spośród trzech różnych typów sekcji: zwykłej, specjalnej i pełnej szerokości.

nowa sekcja

Zwykłe sekcje umożliwiają dodawanie wierszy z kolumnami ułożonymi obok siebie. Sekcje specjalne pozwolą Ci dodać bardziej złożony układ wierszy i kolumn. Sekcje o pełnej szerokości umożliwiają dodawanie specjalnych elementów o pełnej szerokości, takich jak portfolio, suwak posta, tytuł posta itp.

Istnieje również opcja dodania sekcji ze swojej biblioteki. Jeśli wcześniej zapisałeś sekcję, możesz ją teraz znaleźć tutaj i dodać do strony.

Przyjrzyjmy się teraz Divi builder ustawienia sekcji.

Umieszczenie kursora myszy nad elementem podświetli go i wyświetli pasek akcji w prawym górnym rogu podświetlonego obszaru. Sprawdź poniższą animację korzystania z ustawień sekcji Divi builder. 

ustawienia sekcji

Te ustawienia umożliwiają skonfigurowanie określonego elementu. W przypadku elementów przekroju masz:

  • Przenieś sekcję
  • Sekcja ustawień
  • Zduplikowana sekcja
  • Zapisz sekcję w bibliotece
  • Usuń sekcję
  • Dodatkowe ustawienia sekcji
    • Zapisz w bibliotece
    • Test podzielony
    • wyłącz
    • Zablokować
    • Kopiuj sekcję
    • Skopiuj styl sekcji
    • Zresetuj styl sekcji
    • Zobacz zmodyfikowany styl
    • Wydłuż styl przekroju

Większość z tych opcji nie wymaga wyjaśnień, ale interesujące jest tutaj rozszerzenie test podziału opcja.

To jest A / B funkcja testowania, która umożliwia przeprowadzanie testów dzielonych na dowolnym rodzaju Divi builder elementy, z wierszy, sekcji, kolumn i modułów.

Jeśli chodzi o Divi vs Elementor pod względem testów A / B, Divi zajmuje pierwsze miejsce. Jedynym sposobem przeprowadzenia testów dzielonych za pomocą Elementora jest użycie wtyczki lub usługi innej firmy, takiej jak Google Optimize.

Kliknięcie ikony koła zębatego (ustawienia sekcji) spowoduje wyświetlenie okna dialogowego z dodatkowymi opcjami konfiguracji dla podświetlonej sekcji.

okno dialogowe ustawień sekcji

Okno dialogowe ustawień przekroju zawiera trzy zakładki: Zawartość, Projekt i Zaawansowane. Zakładka treści zawiera elementy związane z zawartością wybranego elementu, natomiast zakładka projektowanie i zaawansowane opcje stylizacji.

Wydziwianie

Podobnie jak w przypadku większości innych programów do tworzenia stron, wiersze są elementami znajdującymi się w sekcji. Dodając wiersz, musisz wybrać odmianę wiersza. Odmiany wierszy różnią się domyślną liczbą kolumn i wielkością każdej kolumny.

Wiersze używają responsywnego Siatka 12-kolumnowa

wybór wiersza

Jeśli potrzebujesz bardziej złożonej struktury kolumn, będziesz chciał użyć pliku sekcja specjalistyczna.

sekcje specjalne

Odmiany wierszy sekcji specjalnych mają bardziej złożoną strukturę układu kolumn, jak widać na powyższym obrazku.

Ustawienia wiersza - Podobnie jak sekcje, wiersz ma pasek akcji po najechaniu na niego kursorem myszy, umożliwiając dostęp do niektórych pozycji menu. Ma prawie to samo, co w sekcjach, z wyjątkiem zmienić strukturę kolumn opcja, która jest wyłączna dla elementów wiersza.

 

zmienić strukturę kolumn

Moduły

Moduły w Divi builder są tym, czego będziesz używać, aby dodać widoczną zawartość do swojej strony. Moduły to elementy strony internetowej takie jak tekst, obrazy, akapity, filmy, formularze kontaktowe, mapy itp.

Kliknięcie czarnego przycisku plusa otworzy okno dialogowe wyboru modułu. Po wybraniu modułu pojawi się kolejne okno dialogowe, wyświetlające ustawienia, które są dostosowane do konkretnego wybranego modułu.

Na przykład, jeśli wybierzesz moduł tekstowy, w wybranym obszarze pojawi się tekst zastępczy.

Za pomocą okna dialogowego możesz edytować sam tekst i dodawać style, dodawać niestandardowy CSS itp.

moduł tekstowy

Każdy moduł ma to samo okno dialogowe, które umożliwia dostęp do ustawień i opcji dostosowywania, tak jak w powyższym.

Aby otworzyć ustawienia modułu, najedź kursorem myszy na moduł, aż pojawi się pasek akcji, a następnie kliknij ikonę koła zębatego / ustawień.

ustawienia modułu

Okno dialogowe ustawień zawiera trzy zakładki: Zawartość, Projekt i Zaawansowane.

  • Zakładka treści zawiera ustawienia konfiguracyjne modułu. To zależy od modułu.
  • Karta projektu zawiera opcje projektu umożliwiające zmianę wyrównania zawartości, odstępów, typografii itp.
  • Zakładka Zaawansowane umożliwia dostęp do opcji, takich jak zaawansowana konfiguracja CSS, przejścia itp.

 

Werdykt:

Jak widzieliśmy powyżej, dostęp do elementów, zwłaszcza elementów modułów, jest trochę dziwaczny, ponieważ musisz kliknąć wiele razy, aby je uzyskać.

Z drugiej strony, być może jedna z najlepszych rzeczy w Divi builderElementami są specjalne wiersze. Pozwalają one stosunkowo łatwo zbudować złożony układ i pozycjonowanie.

Teraz, gdy widzieliśmy Divi Builderelementy, przyjrzyjmy się elementom Elementora w naszym Elementor vs Divi builder odkrycie kart.

Elementy Elementora: sekcja, kolumny i widżety

Podobnie jak Divi, Elementor ma trzy różne kategorie elementów: Sekcja, który działa jak kontener, plik kolumny które dzielą sekcję i widgety które są rzeczywistą treścią.

Na poniższym obrazku widać pustą stronę podzieloną na trzy sekcje.

Górna sekcja jest pusta. Druga sekcja zawiera trzy kolumny, a dolna zawiera również trzy kolumny, przy czym środkowa kolumna zawiera widget przycisku.

elementy 2

Dodawanie elementów na stronie jest tak proste, jak przeciągnięcie i upuszczenie widżetu z paska bocznego do pustego obszaru.

w przeciwieństwie do Divi builder co wymaga utworzenia sekcji i kolumny przed dodaniem elementu, w Elementorze możesz po prostu przeciągnąć na przykład widżet przycisku z paska bocznego do pustego obszaru strony i gotowe .

Automatycznie utworzy sekcję z pojedynczą kolumną zawierającą wybrany widżet.

dodawanie elementów

Jeśli edytujesz element, pasek boczny zmieni swoją zawartość, aby wyświetlić odpowiednie ustawienia dla tego elementu.

Tak jak w przypadku Divi builder, możesz przeciągać i upuszczać elementy, aby zmienić ich położenie na stronie. Możesz kliknąć dowolny tekst na stronie, aby edytować go bezpośrednio. Możesz także dowolnie zmieniać rozmiar kolumn.

Kliknięcie prawym przyciskiem myszy dowolnego elementu na stronie powoduje wyświetlenie menu kontekstowego, które różni się nieznacznie w zależności od aktualnie wybranego typu elementu.

Sekcja

Sekcja działa jak kontener dla kolumn i widżetów.

W Elementorze istnieją dwa rodzaje sekcji: normalna sekcja i wewnętrzny Sekcja.

Wewnętrzna sekcja może istnieć tylko w normalnej sekcji. Sekcja wewnętrzna jest nieco podobna do kolumn, ale możesz mieć wiele sekcji wewnętrznych i wiele kolumn, co pozwala tworzyć złożone układy.

dodawanie nowych sekcji

Ustawienia sekcji - Najechanie kursorem na dowolny element na stronie podświetli sekcję, do której należą. Podświetlona sekcja ma u góry małe menu.

To małe menu zawiera trzy elementy: dodaj nową sekcję (przycisk plus), sekcję edycji (obszar kropkowany) i sekcję usuwania (przycisk x).

menu sekcji

Dodaj nową sekcję doda nową pustą sekcję na wierzchu wyróżnionych.

Sekcja edycji wyświetli ustawienia sekcji na pasku bocznym. Możesz również uzyskać do niego dostęp, klikając prawym przyciskiem myszy pustą część sekcji.

W ustawieniach sekcji znajdują się trzy zakładki: układ, styl i zaawansowane. Na karcie układu można skonfigurować opcje układu i struktury.

W zakładce stylów możesz skonfigurować opcje stylizacji, a na zakładce Zaawansowane możesz skonfigurować dodatkowe zaawansowane opcje stylów i atrybutów.

zaawansowana karta stylu sekcji

kolumny

Kolumny dzielą sekcje w pionie. Kolumny pełnią rolę kontenera dla widżetów, w tym widżetów sekcji wewnętrznej.

Dodając nową sekcję, możesz wybrać, ile kolumn będzie ona zawierać.

nowe kolumny

Ustawienia kolumny - Dostęp do ustawień kolumny można uzyskać, najeżdżając kursorem na kolumnę i klikając prawym przyciskiem myszy teraz widoczną ikonę kolumny. Pojawią się różne opcje, umożliwiające edycję kolumny, zduplikowanie kolumny, dodanie nowej kolumny itp.

ustawienia kolumn

Wybranie kolumny edycji spowoduje zmianę paska bocznego, aby wyświetlić ustawienia związane z kolumną. Podobnie jak w ustawieniach sekcji, ma również trzy zakładki: układ, styl i zaawansowane.

panel ustawień kolumn

Karta układu zawiera opcje konfiguracji układu, takie jak szerokość kolumn, wyrównanie itp .; podczas gdy styl i zaawansowane zakładki są prawie takie same, jak te, które można zobaczyć w ustawieniach sekcji.

widgety

Ostatnim elementem różnic między Elementorem a Divi, jeśli chodzi o rzeczywiste elementy, są widżety.

Widgety to zawartość lub Elementy (W związku z tym Elementor), których możesz używać na swoich stronach.

Są to typowe rzeczy, takie jak tekst, obrazy, filmy, galerie, przyciski itp. Dodanie widżetu jest tak proste, jak przeciągnięcie go z paska bocznego na stronę lub kliknięcie przycisku plusa, aby wyświetlić panel wyboru widżetu, a następnie przeciągnięcie i upuszczenie .

Ustawienia widżetu - Wybranie widżetu zmieni pasek boczny, aby wyświetlić konfigurowalne opcje dla tego konkretnego elementu. Na poniższym gifie możesz zobaczyć, jak każdy element wyświetla różne opcje.

ustawienia widżetów

Dostęp do tego panelu można również uzyskać, klikając prawym przyciskiem myszy element i wybierając plik edytuj [nazwa elementu] element w menu kontekstowym.

Wreszcie, każdy widżet ma również styl i zaawansowane zakładki, do których można uzyskać dostęp z panelu paska bocznego.

Karta stylu zmienia się zgodnie z wybranym widżetem. Na przykład widżety graficzne nie mają opcji stylizacji typografii, podczas gdy widżety tekstowe nie mają ustawień wymiarów.

Zakładka Zaawansowane jest taka sama jak w pozostałych elementach.

Odkryj wszystkie dostępne elementy

Globalne widżety

W Elementorze istnieje specjalny typ widżetu: globalne widżety. Możesz zapisać widget jako widget globalny i używać go w dowolnym miejscu na stronie lub w witrynie. Możesz też edytować je wszystkie naraz w jednym miejscu.

Werdykt:

Elementor ma szerszy wybór elementów w porównaniu do Divi builder. Ponieważ jednak oba obsługują wtyczki widżetów innych firm, sytuacja się wyrównuje.

Elementor zapewnia szybszy sposób dodawania elementów do strony, ponieważ wystarczy je przeciągnąć i upuścić z paska bocznego do podglądu. ten Divi builderz drugiej strony wymaga kilkukrotnego kliknięcia przed przejściem do elementu, który chcesz dodać.

Podobnie jak nasza poprzednia sekcja porównania Elementor vs Divi, jest to bardzo blisko, chociaż Elementor może mieć niewielką przewagę w tym.

Teraz widzieliśmy interfejs użytkownika i elementy obu wtyczek WordPress. Czas zobaczyć i porównać opcje stylizacji kreatorów stron Elementor i Divi.

Stylizacja w Elementorze vs Divi

Zarówno Divi, jak i Elementor oferują dogłębne i zaawansowane opcje stylizacji, które są odpowiednie zarówno dla osób, które są programistami lub ekspertami w dziedzinie projektowania stron internetowych, jak i dla tych, którzy nimi nie są.

Jednak sposób, w jaki Divi vs Elementor podchodzą do stylizacji, jest nieco inny. Niektóre rzeczy dostępne w jednym nie są dostępne w drugim.

W tej sekcji przyjrzymy się dokładniej każdej z ich opcji stylizacji. Nasz Elementor kontra Divi builder nie byłoby kompletne bez dokładnego przyjrzenia się tym funkcjom w obu programach do tworzenia stron.

Divi Builder Opcje stylizacji

Dwukrotne kliknięcie elementu w kreatorze stron Divi, niezależnie od tego, czy jest to sekcja, wiersz czy moduł, spowoduje wyświetlenie panelu ustawień. Możesz również uzyskać dostęp do tego panelu, najeżdżając kursorem na określony element, aż pojawi się pasek akcji, a następnie klikając ikonę koła zębatego.

W panelu ustawień znajdują się trzy zakładki: zawartość, projekt i zaawansowane.

Pandemia Divi builderOpcje stylizacji można skonfigurować za pomocą zakładek Projekt i Zaawansowane. Zakładka Design pozwala skonfigurować typografię, cienie ramek, marginesy, animację, filtry itp. Są to elementy, które można skonfigurować za pomocą suwaków i numerów wejściowych.

Są bardzo łatwe w użyciu nawet dla tych, którzy nie są programistami.

opcje stylizacji dla divi

Dla zaawansowanych użytkowników lub dla tych, którzy chcą mieć większą kontrolę nad stylizacją, można skorzystać z zakładki zaawansowanej. Tutaj można dodać własne identyfikatory i klasy CSS, niestandardowy kod CSS, skonfigurować widoczność itp.

Styl responsywny

w Divi Builder, można zdefiniować różne ustawienia stylu dla różnych urządzeń.

Na przykład możesz zdefiniować czcionkę elementu tekstowego jako Verdana i nadać jej rozmiar 20 pikseli na urządzeniach stacjonarnych, a także zdefiniować inne ustawienie dla telefonu komórkowego, dzięki czemu będzie miał czcionkę Times New Roman i rozmiar 10 pikseli.

responsywne style

Pandemia Divi builderOpcje projektowania pozwalają wszystkim typom użytkowników na szerokie dostosowywanie swoich stron do swoich potrzeb.

Opcje stylizacji Elementora

Wybranie elementu w narzędziu do tworzenia stron Elementor zmienia to, co jest wyświetlane na panelu paska bocznego, aby odzwierciedlić dostępne opcje dla tego konkretnego elementu.

Podobnie jak Divi builder, wszystkie elementy w Elementorze mają trzy zakładki w panelu ustawień. Pierwsza karta zawiera Treść lub Układ, a następnie Styl i Zaawansowane odpowiednio na drugiej i trzeciej karcie.

Styl elementu można skonfigurować na kartach Styl i Zaawansowane.

Karta Styl umożliwia skonfigurowanie różnych opcji stylizacji, takich jak kolory tła, obramowania, typografia itp.

eliksiry stylizujące elementor

Karta Zaawansowane zawiera zaawansowane opcje stylizacji, takie jak marginesy, niestandardowy kod CSS, efekty ruchu, ustawienia responsywności itp.

zaawansowane opcje stylizacji

Styl responsywny

Możesz mieć oddzielne opcje stylizacji dla różnych urządzeń w kreatorze Elementor, tak jak Divi.

responsywna opcja stylizacji elementor

Kontrolowanie domyślnych opcji stylizacji Elementora

Domyślnie, po zainstalowaniu Elementora, wtyczka do tworzenia stron automatycznie zastosuje swoje opcje stylizacji, aby nadpisać motyw.

Możesz to wyłączyć, kierując się do Elementor > Ustawienia z pulpitu WordPress i zaznaczając opcję wyłączania domyślnych kolorów i wyłączania domyślnych czcionek.

Elementor będzie teraz używał domyślnej czcionki i kolorów Twojego motywu zamiast własnych.

ustawienia elementu

Dostępna jest również karta stylu, w której możesz skonfigurować różne podstawowe ustawienia domyślne, takie jak domyślne czcionki ogólne, domyślna szerokość treści itp.

Werdykt:

Obie wtyczki oferują doskonały zestaw narzędzi i opcji do stylizacji, które zaspokoją potrzeby każdego. Zwykli i niekodujący mogą łatwo definiować swoje style za pomocą suwaków i innych narzędzi do stylizacji, które mają obie wtyczki.

Zaawansowani użytkownicy i projektanci stron internetowych, którzy chcą mieć większą kontrolę, mogą również korzystać z dowolnej z tych dwóch wtyczek, ponieważ obie pozwalają im dodawać własne kody CSS w celu dalszego projektowania.

Teraz skończyliśmy oglądać interfejs użytkownika, elementy i opcje stylizacji. Czas sprawdzić szablony i porównać ze sobą opcje z Elementora i Divi!

Szablony

Szablony pomagają tworzyć strony znacznie szybciej niż projektowanie wszystkiego od zera.

Jednym z kluczowych elementów kreatorów stron i motywów w dzisiejszych czasach jest ilość i jakość szablonów dostępnych jako część produktu. 

Przyjrzyjmy się więc bogactwu szablonów Divi vs Elemetor oferowanych przez oba te narzędzia do tworzenia stron.

Zarówno Elementor, jak i Divi builder oferuj setki szablonów do wyboru. 

Sprawdźmy, jak dwaj twórcy stron, Elementor vs Divi builder porównaj jeśli chodzi o dostępne gotowe szablony.

Divi Builder'Układy

Kreator stron Divi oferuje 122 pakiety układów wstępnie przygotowanych kompletnych szablonów witryn. W żargonie Divi nazywane są układami.

Są one podzielone na dwa typy: pakiet układów składający się z wielu układów (wiele stron) o tym samym motywie i jeden układ (tj. Pojedyncza strona).

Szablony

Pakiety układów zawierają wiele stron połączonych razem, tworząc kompletną witrynę niszową.

Na przykład pakiet zawiera szablony strony głównej, strony z informacjami, strony kontaktowej itp., Wszystkie zgodne z ujednoliconym zestawem projektów lub motywów. Pojedynczy układ to tylko szablon pojedynczej strony.

Możesz także tworzyć i zapisywać własne szablony, aby móc ich później użyć ponownie. Możesz je nawet wyeksportować, aby móc ich używać w innej witrynie.

Na przykład możesz utworzyć stronę docelową usługi produktowej, którą możesz następnie załadować z układów i używać w różnych promocjach, które możesz uruchomić.

Szablony elementów

Szablony Elementora są podzielone na dwa typy: bloki i strony.

Darmowa wersja umożliwia użytkownikom dostęp do około 40+ bloków i 30+ stron, podczas gdy wersja premium odblokowuje dodatkowe widżety 50+ Pro i szablony 300+ Pro.

Zobacz całą listę dostępnych szablonów / motywów Elementora

Przejrzeliśmy również kilka plików Motywy i szablony Elementora tutaj.

Bloki to szablony pojedynczych sekcji, które można wstawić na stronę. Są bloki dla

  • formularze kontaktowe,
  • przyciski wezwania do działania,
  • FAQ,
  • tabele cenowe,
  • portfele,
  • nagłówek,
  • usługi itp.

 

szablony elementor

Szablony stron są tym, co brzmią: szablonem całej strony. Mimo że powiedzieliśmy, że istnieje ponad 300 szablonów stron dostępnych dla użytkowników premium Elementor, możesz chcieć sprawdź, co jest dzisiaj dostępne.

Dzieje się tak, ponieważ zespół Elemetor stale tworzy i dodaje więcej szablonów do biblioteki i nie jesteśmy w stanie nadążyć za ciągłym strumieniem wydawanych szablonów Elementora :-)

W przypadku darmowych użytkowników opcje są ograniczone, ale wybór jest nadal całkiem dobry.

szablony stron

Ponieważ biblioteka szablonów kreatora stron Elementor stale się powiększa, możesz sprawdzić najnowsze dodatki, klikając „nowy” w lewym górnym rogu interfejsu wyboru szablonu strony.

Zawsze możesz zapisać swoją stronę w bibliotece szablonów, aby móc później użyć ich ponownie. Elementor daje również możliwość eksportowania szablonów, abyś mógł ich używać w innej witrynie. 

Podczas gdy zarówno Elementor, jak i Divi builder wtyczki oferują szeroki wybór szablonów, w tym momencie uważamy, że Divi builder oferuje znacznie więcej pod względem liczb.

Oprócz tego Divi ułatwia tworzenie całej witryny dzięki pakietom szablonów.

Elementor kontra Divi Builder Zwycięzca szablonów: Divi Builder

Budynek tematyczny

AKTUALIZACJA: W poprzedniej wersji tego artykułu tylko Elementor miał funkcję tworzenia motywu.

Wraz z wydaniem Divi 4.0 ta funkcja nie jest już ograniczona do Elementora.

Pandemia Divi Builder Ważna aktualizacja 4.0, która została wydana w październiku 2019 roku, skupiała się na wyposażeniu Divi builder z potężnymi narzędziami do tworzenia motywów, pozwalającymi użytkownikom używać elementów, modułów i funkcji do tworzenia nie tylko statycznych stron, ale także dynamicznych układów nagłówka, stopki i treści. Innymi słowy, możliwość budowania pełnych motywów.

Zaktualizowaliśmy tę sekcję, aby odzwierciedlić nowe zmiany i zestawiliśmy ze sobą funkcje budowania motywów Elementora i Divi, aby sprawdzić, czy ta druga może wytrzymać poprzednią.

Kreator motywów Divi

Stosunkowo nowa funkcja od Divi builder, kreator stron umożliwia teraz tworzenie szablonów, których można użyć do zastąpienia projektu, układu, a nawet zachowania nagłówka, stopki i treści witryny.

Funkcje są bardzo podobne do Elementora pod wieloma względami, jest to funkcja, w której Divi builder dogania Elementora.

Możesz uzyskać dostęp do kreatora motywów Divi, przechodząc do Divi> Kreator motywów.

Divi Theme Builder

Stamtąd możesz utworzyć nowy szablon, wyeksportować szablon lub zaimportować szablon ze źródeł zewnętrznych.

Jedną z wad tego rozwiązania w chwili pisania tego tekstu jest to, że nie ma możliwości zaimportowania gotowych szablonów do tworzenia motywów z chmury. Musisz pobrać plik JSON z zewnętrznego źródła i przesłać go, aby zaimportować gotowy szablon.

Mówiąc o gotowych szablonach do tworzenia motywów, istnieje wiele bezpłatnych pakietów dostępnych od Divi builder samych programistów, które można uzyskać tutaj. Po prostu wyszukaj „pakiety do tworzenia motywów” w pasku wyszukiwania, a będziesz mógł je łatwo znaleźć.

Na bok: Jeśli chcesz uzyskać więcej tych pakietów, zalecamy odwiedzenie Elegant Themes strona tutaj i zapisz się do ich biuletynu. Stale (dosłownie codziennie) wysyłają nowe rzeczy, które można wykorzystać z Divi builder, jeden z najcenniejszych newsletterów, które subskrybujemy.

Dzięki konstruktorowi motywów możesz zdefiniować globalny szablon, który zastąpi ogólny wygląd i działanie całej witryny, a także możesz tworzyć ukierunkowane szablony, które można zastosować do określonych postów, stron i części witryny.

tworzenie nowego szablonu

Podczas tworzenia nowego szablonu, Divi builder najpierw zapyta Cię, gdzie chcesz zastosować szablon. Możesz zastosować lub wykluczyć stosowanie szablonów do określonych postów lub stron, a nawet do określonych tagów i kategorii i nie tylko.

Gdy już zdecydujesz, gdzie chcesz zastosować szablon, możesz rozpocząć tworzenie i projektowanie szablonu. Jeśli zdefiniowałeś globalny szablon nagłówka i stopki, zostaną one automatycznie dodane do nowego szablonu.

Będziesz musiał się tylko martwić utworzeniem nowego szablonu treści. Oczywiście, jeśli zajdzie taka potrzeba, możesz ostatecznie zastąpić szablon treści niestandardowym.

Kliknięcie jednego z nich dodaj własne ciało, dodaj niestandardowy nagłówek or dodaj niestandardową stopkę przyciski otwierają małe wyskakujące menu, w którym można wybierać spośród różnych opcji, takich jak wybór gotowego szablonu lub kopiowanie istniejącego. Jeśli chodzi o gotowe szablony, Divi ma ogromny wybór do wyboru.

Stamtąd będziesz miał zwykłe Divi builder narzędzia i moduły do ​​Twojej dyspozycji, aby rozpocząć tworzenie wyobrażonego układu.

Kreator motywów Elementora

Możesz uzyskać dostęp do kreatora motywów Elementor za pośrednictwem pulpitu WordPress i przechodząc do Szablony > Konstruktor motywów.

Stamtąd możesz wybrać, jaką część motywu chcesz utworzyć. 

Obecnie możesz tworzyć szablony Elementor dla stron, sekcji, wyskakujących okienek, nagłówka, stopki, pojedynczych postów, stron WooCommerce i archiwów.

konstruktor motywów

Będziesz używać tego samego interfejsu użytkownika, co podczas tworzenia stron, tylko tym razem dostępne elementy na pasku bocznym są dostosowane do konkretnego szablonu, który próbujesz utworzyć.

Na przykład poniżej znajduje się zawartość paska bocznego podczas edytowania szablonu nagłówka.

pasek boczny do tworzenia motywów

Po zakończeniu edycji szablonu motywu możesz wybrać, jak i kiedy szablon będzie wyświetlany.

W tej części Divi builder jest nieco łatwiejszy w użyciu niż Elementor ze względu na użycie pól wyboru, aby wybrać, gdzie chcesz uwzględnić lub wykluczyć określony szablon, w porównaniu z koniecznością kliknięcia Add Stan i klikając menu rozwijane za każdym razem, gdy chcesz dodać nową regułę.

Nigdyless, Elementor nadal zapewnia precyzyjną kontrolę, która jest równa Divi Builder.

Możesz włączać i wykluczać szablony Elementora, używając złożonych reguł warunkowych. Na przykład, powiedzmy, że mamy szablon o nazwie „A”. Możesz wybrać wyświetlanie tego szablonu, jeśli strona należy do kategorii „oferty” i jeśli autorem jest „John Doe”, jak pokazano poniżej.

Używany poprawnie i kreatywnie, ten silnik reguł Elementor może być niesamowicie potężnym i użytecznym narzędziem. Zapewnia elastyczność i dostosowania na bardzo szczegółowym poziomie. To wystarczy, aby ukraść koronę w sekcji budynku tematycznego.

Niewielu twórców stron ma taką funkcję i jest to świetny wyróżnik.

ustawienia programu do tworzenia motywów

I tam masz kreator motywów Elementora.

Zwycięzca kreatora motywów Elementor vs Divi: Elementor

Następna sekcja w naszym artykule Elementor vs Divi przedstawia porównanie ich cen.

cennik

 

Decyzja między Elementorem a Divi Builder szczerze wszystko sprowadza się do wyceny.

Jedno ma sens dla jednej grupy i dosłownie zero sensu dla innej. Jak rodzaj poczucia „zapalasz tysiące dolarów w ogniu”.

Po prostu wskoczmy od razu:

 

Cennik elementów

 

cennik elementarny 

Ceny Elementora zaczynają się od 49 USD rocznie za jedną witrynę i sięgają 999 USD rocznie za 1,000 witryn. Wszystkie funkcje i dodatki są zawarte w każdym planie.

Ale powodem, dla którego jest tak popularny, jest to, że ma rozszerzenie DARMOWY PLAN.

I w przeciwieństwie do prawie każdego narzędzia „fałszywego freemium”, które po prostu daje Ci funkcjonalne zastosowanieless darmowa wersja, więc jesteś zmuszony do uaktualnienia, darmowy plan Elementora wystarczy do tworzenia pięknych stron.

Poważnie, możesz tworzyć piękne, profesjonalnie wyglądające strony w 100% za darmo. Jeśli chcesz mieć dobre rzeczy, musisz oczywiście dokonać aktualizacji. Ale darmowy plan obejmuje ponad 40 widżetów i ponad 30 szablonów.

To dużo.

Pro Tip: Jeśli masz więcej niż jedną witrynę, po prostu skorzystaj z licencji Expert od samego początku. Jeśli tworzysz strony internetowe dla swoich klientów i chcesz mieć narzędzie do tworzenia stron, zwykle sugerujemy skorzystanie z licencji Expert, a następnie naliczenie każdemu klientowi ceny licencji Advanced.

Pozwala to na osiągnięcie progu rentowności już po 2 witrynach. Od tego momentu otrzymasz 99 $ premii od każdego klienta.

Kliknij tutaj, aby uzyskać najniższą cenę na Elementor

Divi Builder cennik

Ceny Divi

W przeciwieństwie do Elementora, Divi Builder nie ma dostępnej darmowej wersji, ale oni mieć wersję demonstracyjną, do której masz dostęp. Możesz sam to wypróbować przed zakupem. 

Ceny Divi sprawiają, że jest to oczywiste dla agencji.

Pracowaliśmy z Elegant Themes i uzyskali dostęp do ograniczonej 10% zniżki na Divi Builder dla CollectiveRay odwiedzających, jak widać poniżej. Biorąc pod uwagę cenę i naszą zniżkę, która obowiązuje tylko do wrzesień 2021, zdecydowanie zalecamy skorzystanie z dożywotniego dostępu - to nie myślenia.

Zaledwie 249 USD (224 USD z moją zniżką) zapewnia dożywotni dostęp do funkcji, wsparcia i społeczności Divi we wszystkich Twoich witrynach bezterminowo.

Oznacza to, że otrzymujesz:

  • Każdy motyw, jaki mają
  • Nieograniczone korzystanie z nieograniczonej liczby stron internetowych
  • Ponad 800 pakietów stron internetowych
  • Kreator stron
  • Narzędzia promocyjne
  • Narzędzia testujące

 

I dziesiątki innych niesamowitych funkcji za jedyne 224 USD na całe życie. Nie ma potrzeby odnawiania. Nie musisz się martwić o aktualizacje (więcej o tym dalej). Bez stresu. Po prostu kliknij, zapłać i używaj na zawsze. Możesz wybrać inny kreator stron, ale nie narzekaj, gdy wydasz setki więcej niż potrzebujesz LESS funkcjonalność.

Czy jest to drogie, jeśli masz 1 lub 2 witryny? Tak. Czy to szalenie tanie, jeśli masz setki witryn dla wszystkich swoich klientów?

NO.

UWAGA: Divi kosztuje tylko 80 USD rocznie z moją zniżką, ale jeśli jesteś firmą, zaoszczędzisz pieniądze, kupując teraz dożywotni dostęp. Jeśli prowadzisz działalność od 10 lat, to 800 USD. Jeśli teraz kupisz dożywotni dostęp, to kosztuje 224 USD. To nie myślenia.

Uzyskaj 10% zniżki na Divi Builder aż do wrzesień 2021


Elementor kontra Divi Builder cennik Werdykt:

Elementor jest idealny dla początkujących z ograniczonym budżetem i firm z jedną witryną. Ale roczny model cenowy będzie Cię kosztował setki, a nawet tysiące dolarów więcej w całym okresie życia Twojej firmy.

Jednorazowy, dożywotni plan dostępu Divi jest idealny dla agencji i większych operacji. Jednak to powiem. Możesz być teraz mniejszą operacją, ale kto wie za 1, 3 lub 5 lat. Jeśli nie masz dożywotniego dostępu do nieograniczonej liczby witryn, skalowanie może być bardzo trudne.

Słowo ostrzeżenia: nie zostawiaj swojej witryny otwartej na włamania i ryzykuj swoją firmę

Przepraszam, ale mam kolejną krótką historię o tym, jak próbowałem pójść na skróty i prawie drogo mnie to kosztowało.

Stało się tak, gdy próbowaliśmy uniknąć płacenia abonamentu za Elementor.

Pomyśleliśmy, że dobrym pomysłem byłoby wykupienie rocznej subskrypcji w warstwie Plus, a następnie jej nieprzedłużanie. W końcu po skonfigurowaniu strony nie potrzebowalibyśmy już żadnych aktualizacji i wsparcia, prawda?

ŹLE. Aktualizacje są absolutnie krytyczne!

Niedawno odkryto lukę w Elementor Pro. 

Ta luka sprawia, że ​​witryny są podatne na włamania. 

Elementor natychmiast to załatał. Był tylko jeden problem ...

Okazuje się, że bez aktywnej subskrypcji nie byliśmy uprawnieni do żadnych aktualizacji.

Więc nasze strony stały się siedzącymi kaczkami. Pamiętaj, że dzięki tej luce niezałatane witryny były atakowane i hakowane.

Aby zaoszczędzić 100 USD na opłatach za odnowienie, prawie straciliśmy nasze witryny, a wraz z nimi wielu klientów.

Dlatego krótka rada. Nigdy nie pozwól, aby Twoja subskrypcja wygasła, ani dla Elementora, ani dla Divi (dlatego zawsze zalecamy SUBSKRYPCJĘ NA ŻYCIE). 

Dlatego jeśli masz więcej niż 1 witrynę, zawsze wybieraj dożywotnią subskrypcję! Oszczędza mnóstwo czasu, pieniędzy i stresu.

 

Referencje - co mówią inni użytkownicy

Z ich popularnością zarówno Divi Builder a Elementor mają tysiące, a nawet dziesiątki tysięcy użytkowników. Wspaniałą rzeczą, że nie ma dużej różnicy w ocenach Elementora vs Divi builder, oba są wysoko oceniane.

Na przykład sprawdź oceny narzędzia do tworzenia stron Elementor w katalogu WordPress:

bezpłatne oceny w programie do tworzenia stron elementor

Różne osoby, od programistów po zwykłych użytkowników, miały doświadczenie w jednym lub obu z nich, a wiele dużych osobistości WordPress ma własne opinie i przemyślenia dotyczące tych wtyczek.

Możemy znaleźć wiele recenzji użytkowników i referencji dla Elementora z oficjalnego repozytorium wtyczek WordPress. ten Divi builderz drugiej strony ma wiele recenzji i referencji w Trustpilot.

O czym mówią ludzie Divi Builder

Z Divi builder, ludzie zawsze chwalą ich zespół pomocy, większość recenzji z 4 i 5 gwiazdkami zawsze wspomina o tym, jak wspaniałe jest ich wsparcie. Dlatego, mimo że Divi builder może być nieco trudniejszy w użyciu niż Elementor, ich zespół wsparcia jest po to, aby cię wesprzeć.

przeglądu 1

"Elegant Themes Divi Builder a motyw jest niesamowity. Szukałem motywu na wysokim i niskim poziomie za pomocą solidnego edytora front-end / narzędzia do tworzenia stron, marnując pieniądze na wiele motywów niskiej jakości. Kiedy w końcu znalazłem Divi, wiedziałem, że jest to motyw dla mnie i teraz używam go w mojej agencji marketingowej do tworzenia stron internetowych klientów, ponieważ działa tak dobrze. Mają też niesamowite wsparcie, które jest kompetentne i gotowe, aby pomóc Ci w dostosowaniu witryny, o której możesz pomyśleć”.

przeglądu 2

„Byłem członkiem Elegant themes od kilku lat i naprawdę to kocham. Stworzyłem niesamowite strony internetowe dla klientów, korzystając z ich genialnych motywów i wtyczek i nigdy nie widzę siebie używającego niczego innego. Obsługa klienta nie ma sobie równych, szybko odpowiadają, a porady są w pełni wiarygodne. Doskonałe towarzystwo.”

Co ludzie mówią o Elementorze

Użytkownicy Elementora chwalą, że jest to jedna z najlepszych darmowych wtyczek do tworzenia stron na rynku i jak łatwa jest w użyciu, że nawet nowicjusze nie mają żadnych problemów z jej używaniem.

przeglądu 3

„Jestem nowym użytkownikiem wtyczki, ale nie mogę wystarczająco podkreślić, jak łatwa jest konfiguracja wtyczki i jakie oferuje funkcje oszczędzające czas!”

przeglądu 4

„Nowy w WP, ale Elementor to jeden super kreator stron. To naprawdę przyspiesza tworzenie stron internetowych i dużo less denerwujący. Dodatkowo wykonuje piękną pracę. Jedną z funkcji, które naprawdę kocham, jest możliwość powrotu do poprzednich wersji, gdy ja lub komputer coś spieprzymy. Możesz wrócić do poprzedniej zmiany, dowolnej zmiany w tej sesji lub dowolnej zapisanej zmiany. Uwielbiam koncepcję bloków! Przydałoby się więcej szablonów bloków. Tworzenie szablonów Elementora jest tak łatwe w obsłudze i obsłudze. Chciałbym, żeby był widget PHP. Wyzwaniem jest nadążanie za wszystkimi nowymi ulepszeniami, ponieważ są one często wprowadzane. Zawsze staram się ulepszyć ten dobry produkt. Oby tak dalej!

Podsumowanie: Elementor czy Divi?

Zbliżamy się do końca naszego Elementora vs Divi builder recenzję, ale chcielibyśmy wrócić do kilku rzeczy. Co powinniśmy wybrać, czy powinniśmy zdecydować się na coś zupełnie innego, na przykład Beaver Builder?

Divi Builder i Elementor oferują szeroką gamę funkcji, które mogą pomóc w łatwym tworzeniu pięknych stron. Oba kreatory stron skupiły się na łatwości użytkowania.

Chociaż mają wiele podobieństw, ich interfejsy użytkownika są zupełnie inne. Elementor oferuje dostępność, mając pasek boczny zawierający narzędzia i opcje, podczas gdy Divi zapewnia prostotę, wyświetlając jak najmniej elementów interfejsu użytkownika.

Jeśli chodzi o liczbę domyślnych szablonów, Divi builder oferuje więcej opcji w porównaniu do Elementora, ale obie wtyczki mają opcję importu i eksportu, co pozwala dodawać dziesiątki szablonów innych firm z innych źródeł.

Pod względem cen Elementor jest droższy niż Divi builder ponieważ ten ostatni ma dożywotnią licencję i nieograniczone korzystanie z witryny.

Z drugiej strony Elementor ma maksymalną cenę 199 USD rocznie, co pozwala na użycie go dla tysiąca witryn. Jednak Elementor ma darmową wersję, która nadal oferuje potężny zestaw narzędzi, a nawet szablony, które pozwalają tworzyć piękne strony.

Czystość kodu

Jeśli chodzi o czystość kodu, Elementor pozostawi czysty i prawidłowy kod HTML, jeśli go dezaktywujesz. ten Divi builder, z drugiej strony, pozostawi na stronach kilka skróconych kodów, które są nieco problematyczne do naprawienia, więc trochę cię blokuje.

Jednak biorąc pod uwagę, że mają dożywotnią licencję, jest to trochę uzasadnione. Możemy wywnioskować, że chcą, abyś powiązał swoje witryny z ekosystemem Divi, kupując opcję dożywotniej licencji.

Wydajność

Do niedawna nie było zbyt wiele do wyboru między Elementorem a Divi pod względem wydajności. To wszystko zmieniło się wraz z najnowsza aktualizacja Divi.

Nowa aktualizacja motywu WordPress oznacza, że ​​jest teraz lżejszy i szybszy niż kiedykolwiek wcześniej.

Zespół bardzo się zmienił pod maską. CSS został zmniejszony o 94%, Divi używa teraz dynamicznego CSS i inteligentnych stylów, aby załadować CSS tylko dla przeglądanej strony, a duplikaty zostały zredukowane we wszystkich obszarach.

Inne ulepszenia wydajności w Divi obejmują wprowadzenie dynamicznego PHP w celu usprawnienia przetwarzania, optymalizacje JavaScript, odroczenie arkusza stylów Gutenberga, buforowanie odroczenia jQuery dla czcionek Google i wbudowane arkusze stylów.

Divi osiąga teraz 100 punktów w Google PageSpeed ​​Desktop i 99 w Google PageSpeed ​​Mobile!

Bezpieczeństwo

Jeśli chodzi o bezpieczeństwo, Elementor miał wiele poważnych problemów Problemy z bezpieczeństwem w przeszłości, ale zostały one złagodzone i łatwo rozwiązane. Divi builder doświadczył również poważnego problemu z bezpieczeństwem w styczniu 2020 roku.

Pandemia Divi builder i motyw napotkał lukę wstrzyknięcia, która wymagała aktualizacji.

To prowadzi nas do prostego wniosku, bez względu na wielkość dostawcy, luki zawsze są możliwe. Sedno polega na tym, jak sprzedawca reacts na taką podatność. Obaj ci dostawcy bardzo dojrzale zareagowali na tę lukę.

Możliwość tworzenia motywów

Kiedy ten artykuł został napisany po raz pierwszy, Divi builder nadal nie miał funkcji budowania motywu. więc wcześniej polecaliśmy Elementor, jeśli potrzebujesz możliwości budowania motywów.

Ale jaka jest obecnie sytuacja, jeśli chodzi o budowanie motywu Divi vs Elementor?

Chociaż istniały wtyczki innych firm do Divi builder wcześniej Elementor nadal miał przewagę w tej dziedzinie. Dzieje się tak, ponieważ natywna funkcja jest prawie zawsze lepsza pod względem integracji i kompatybilności. Rozszerzenia innych firm rzadko mogą konkurować z funkcją natywną.

Ale wszystko się zmieniło, gdy wydano Divi 4.0. Aktualizacja dała Divi builder bardzo potrzebna funkcja budowania motywu.

W tym momencie zarówno Divi builder i Elementor mają ten sam zestaw funkcji.

Jeśli chodzi o dostosowywanie i kontrolę, Divi i Elementor różnica między nimi jest bardzo niewielka.

Oba oferują zaawansowane funkcje tworzenia motywów z precyzyjnymi kontrolkami, które umożliwiają tworzenie i projektowanie witryny w dowolny sposób. Od niestandardowych stron statycznych po niestandardowe nagłówki, stopki i układ treści - możesz je wszystkie zbudować!

Więc kto wygrywa ten Elementor vs Divi builder porównanie?

Jest jedna rzecz, która sprawia, że Divi builder ogólnie lepszy produkt i zyskuje przewagę: motyw Divi. Divi występuje w dwóch formach: motywu i wtyczki. Możesz użyć wtyczki, jeśli chcesz użyć Divi builder z motywami stron trzecich. W przeciwnym razie zgodziłbyś się na używanie motywu.

Dlaczego jest to ważne? Integracja i kompatybilność.

Jeśli zdecydujesz się na motyw, nie będziesz mieć żadnych problemów ze zgodnością.

Elementor ma swój własny motyw, ale porównując go z motywem Divi - nie ma absolutnie żadnego porównania.

Motyw „Hello Elementor” to podstawowy motyw i jest przeznaczony dla zaawansowanych użytkowników i programistów, aby mogli dalej rozwijać się na nim. Jeśli chcesz mieć bogaty w funkcje motyw Elementora, musisz zainstalować produkt innej firmy.

Możesz rozważyć użycie Astra w tym przypadku - motyw Elementora.

I chociaż istnieje wiele motywów opracowanych z myślą o Elementorze, nowsze aktualizacje i funkcje w Elementorze lub motywie mogą potencjalnie zakłócić kompatybilność i integrację.

Będziesz musiał poczekać, aż programiści naprawią wszelkie błędy i niezgodności, które mogą się pojawić. Podobnie jak w przypadku wszystkich niezgodności, istnieje niewielka szansa na utratę części lub całości istniejącej pracy.

Nie zrozum nas źle, oba są solidnym rozwiązaniem do budowania motywów, ale nie możemy zignorować faktu, że Divi jest motywem bogatym w funkcje i kreator stron, więc Divi wygrywa z niewielkim marginesem w kategorii budowania motywów.

Główne różnice w tworzeniu motywów

Jedną z głównych różnic między używaniem Elementora a funkcją tworzenia motywów Divi jest edytor. Istnieje spora różnica w doświadczeniu użytkownika, ostatecznie ten, który preferujesz, sprowadza się do doświadczenia i osobistych preferencji.

Podczas edytowania nagłówka, stopki lub niestandardowego szablonu treści w Divi builder, edytor skupi się tylko na tym konkretnym obszarze Twojej witryny. Na przykład, gdy edytujesz niestandardowy nagłówek, jedyną rzeczą, która będzie widoczna na ekranie, jest tylko obszar nagłówka.

Divi niestandardowy edytor nagłówków

Korzystając z Elementora, będziesz mieć widok całej witryny, niezależnie od tego, czy edytujesz nagłówek, stopkę czy układ treści.

Poniżej widać, że poza obszarem nagłówka wyświetlany jest również obszar zawartości. Jeśli przewiniesz dalej w dół, zobaczysz również obszar stopki (są one jednak w trybie tylko do odczytu).

elementor niestandardowy edytor nagłówka

W związku z tym możemy powiedzieć, że Divi builder skupia się na edycji bez rozpraszania podczas korzystania z Elementora, w dowolnym momencie widzisz cały obraz.

Nie znamy sposobu przełączania się między trybami edycji podglądu bez rozpraszania a trybem edycji podglądu na całej stronie w żadnym z narzędzi do tworzenia stron, więc jeśli masz jakieś preferencje, może to wpłynąć na Twój ostateczny wybór.

Jest to ulepszenie, które mogą ostatecznie dodać zarówno twórcy stron Elementor, jak i Divi: pozwól użytkownikom wybrać między opcjami edycji podglądu bez rozpraszania i pełnej strony.

Czytaj więcej: WP Bakery vs Divi - pełne porównanie.

Często zadawane pytania

1. Co to jest Divi?

Divi to zarówno narzędzie do tworzenia stron, jak i kombinacja motywów WordPress. Jest to w pełni uniwersalny produkt, który można wykorzystać do zbudowania od podstaw dowolnego rodzaju witryny internetowej, niezależnie od tego, czy jest to eCommerce, witryna niszowa, branżowa lub witryna portfolio. Jest produkowany przez Elegant Themes i jest jednym z najpopularniejszych produktów WordPress i został sprzedany ponad 700,000 XNUMX razy.

2. Co to jest Elementor?

Elementor to jeden z najpopularniejszych programów do tworzenia stron WordPress. Chociaż nie jest to motyw, ma również potężne możliwości tworzenia motywów. Zazwyczaj Elementor jest używany razem z motywem do tworzenia niestandardowych postów i stron za pomocą funkcji przeciągania i upuszczania. Elementor ma darmową i płatną wersję. Dzięki bezpłatnej wersji, aw ciągu ostatnich kilku lat ma miliony aktywnych instalacji.

3. Jaka jest różnica między Divi a Divi builder? 

Divi to motyw WordPress, Divi builder to edytor przeciągania i upuszczania lub kreator stron, który jest nieodłączną częścią motywu Divi. W rzeczywistości nie trzeba ich rozróżniać, ponieważ działają na szwielessleżeć razem.

4. Czy mogę używać Divi w wielu witrynach?

Tak, po zakupie Divi w cenie 89 USD możesz go używać na nieograniczonej liczbie witryn, ale otrzymasz wsparcie i aktualizacje tylko przez 1 rok. Dostępna jest wersja za 249 USD, która ma dożywotnią nieograniczoną liczbę witryn, nieograniczoną pomoc techniczną i aktualizacje.

5. Czy Elementor jest najlepszym narzędziem do tworzenia stron?

Elementor to obecnie najlepszy program do tworzenia stron. Chociaż jest to subiektywne i może nie być odpowiednie dla wszystkich, jesteśmy głęboko przekonani, że żaden program do tworzenia stron nie jest w stanie samodzielnie dopasować jego funkcji. Oczywiście nie oznacza to, że jest odpowiedni dla każdego. Divi z pakietem programu do tworzenia motywów i stron jest również doskonałą opcją dla wielu osób.

6. Czy Divi jest lepsze niż Elementor?

To zależy. Dla niektórych osób, które nie chcą kupować osobnego motywu i narzędzia do tworzenia stron, Divi może dać większą wartość. Jeśli planujesz zbudować tylko jedną stronę internetową, uważamy, że Divi to świetny wybór. Jeśli planujesz zbudować wiele witryn, jesteś programistą lub projektantem, Elementor może być lepszy, ponieważ jest kompatybilny z większą liczbą motywów.

7. Czy Divi i Elementor będą współpracować z Gutenbergiem?

Tak, zarówno Divi, jak i Elementor dobrze współpracują z Gutenbergiem. 

Elementor kontra Divi Builder: Końcowe przemyślenia

Jaki jest ostateczny werdykt, jeśli chodzi o narzędzie do tworzenia stron Divi vs Elementor? 

Ostatecznie zarówno Divi, jak i Elementor są doskonałymi programami do tworzenia stron. Wszystko sprowadza się do Twojej firmy i celów.

Jeśli potrzebujesz najłatwiejszego istniejącego kreatora dla jednej witryny lub potrzebujesz DARMOWEGO planu - wybierz Elementor.

Jeśli jesteś agencją z mnóstwem witryn i chcesz zbudować setki stron - wybierz Divi. Jest powód, dla którego wszystkie poważne agencje i firmy korzystają z dożywotniego dostępu Divi: to najlepsza wartość w branży.

Dziękuje za przeczytanie! Miłego budowania!

 

Pobierz Divi teraz   Pobierz Elementor teraz

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...