Przewodnik krok po kroku, jak przekonwertować swoją witrynę Divi na Elementor

Opublikowany: 2022-04-28

Divi to jeden z najpopularniejszych motywów WordPress i wizualny kreator stron, który umożliwia projektowanie stron internetowych w czasie rzeczywistym. Z drugiej strony Elementor jest uznawany za najlepszą wtyczkę do tworzenia stron WordPress, która jest wyposażona w funkcję przeciągania i upuszczania do tworzenia i dostosowywania stron internetowych w ciągu kilku minut.

Oba te kreatory stron są dość potężne. Oprócz wielu podobieństw, takich jak widżety, elementy i funkcje dostosowywania, istnieje wiele różnic między tymi dwoma programami do tworzenia stron.

Ludzie najczęściej używają kreatora Divi, gdy używają eleganckich motywów, podczas gdy Elementor jest kompatybilny z prawie wszystkimi motywami. Jest to jeden z największych powodów, dla których wielu użytkowników przechodzi teraz z Divi na Elementor. Ceny również odgrywają istotną rolę w tym procesie selekcji.

Jeśli migrujesz również z Divi do Elementora, ten blog jest dla Ciebie. Dzisiaj udostępnimy przewodnik krok po kroku, jak przekonwertować witrynę z Divi na Elementor.

Warunki wstępne konwersji strony internetowej z Divi na Elementor

How to Convert Divi to Elementor

Zanim zagłębimy się w samouczek, sprawdźmy wymagania wstępne.

Po pierwsze : przed konwersją witryny Divi upewnij się, że wykonałeś kopię zapasową swojej witryny. Aby wykonać ten proces, możesz użyć dowolnych wtyczek do tworzenia kopii zapasowych WordPress.

Po drugie : jeśli używasz dowolnej wtyczki buforującej WordPress, musisz ją wyłączyć.

Po trzecie : zaleca się utworzenie witryny testowej przed konwersją. Możesz po prostu utworzyć witrynę testową za pomocą wtyczki do powielania witryn.

Zacznijmy:

Jak przekonwertować Divi na Elementor: 5 kroków do naśladowania

Szczerze mówiąc, nie można przekonwertować całej witryny lub określonej strony internetowej z Divi na Elementor. Ponieważ Divi używa skrótów do tworzenia treści internetowych, podczas gdy Elementor generuje statyczne kody HTML.

Więc jeśli planujesz przekonwertować projekt swojej witryny z Divi na Elementor, musisz go przebudować. Tutaj pokażemy Ci, jak odbudować witrynę Divi za pomocą kreatora stron Elementor.

Krok 1: Zainstaluj Elementora
Krok 2. Usuń Divi i powiązane wtyczki
Krok 3: Utwórz nową stronę
Krok 4: Dodaj zawartość do strony za pomocą widżetów Elementor
Krok 5: Użyj szablonów Elementor do zaprojektowania swojej witryny

Wykonaj powyższe kroki, aby przeprojektować swoją witrynę za pomocą Elementora.

Krok 1: Zainstaluj Elementora

Najpierw musisz przejść do Wtyczki->Dodaj nowy .

Go to Plugins->Add New area.

Przekieruje Cię na stronę wtyczek. Tutaj powinieneś znaleźć wtyczkę „Elementor” z katalogu wtyczek, wyszukując. Następnie kliknij Zainstaluj , aby zainstalować wtyczkę. Następnie musisz aktywować wtyczkę.

Find Elementor plugin

Uwaga: jeśli potrzebujesz funkcji Elementor pro do zaprojektowania swojej witryny, możesz zainstalować Elementor Pro.

Po zakończeniu aktywacji wtyczki należy przejść do obszaru Elementor->Ustawienia , aby zarządzać podstawowymi ustawieniami Elementora.

Elementor Settings

Krok 2. Usuń Divi i powiązane wtyczki

Po zakończeniu procesu instalacji następnym krokiem jest dezaktywacja Divi i zalecanych wtyczek ze swojej witryny. Wtedy znajdziesz wiele stron z pozostałymi skrótami.

Divi Shortcodes
Źródło: Themerex

Musisz usunąć te skróty . Aby to zrobić, możesz użyć ShortCode Cleaner, aby usunąć te zepsute shortcodes. Jeśli to konieczne, używasz Garbage Collector do czyszczenia bazy danych.

Krok 3: Utwórz nową stronę

Teraz jesteśmy gotowi do konwersji naszej strony internetowej. Najpierw musimy stworzyć nową stronę. W tym celu przejdź do Strony->Dodaj nowy .

Go to Pages->Add New Area

Stworzyliśmy nową stronę (Strona Demo). Ustawiliśmy również ustawienia strony.

  1. Ustaw Układ strony->Płótno elementu.
  2. Kliknij przycisk Publikuj , aby opublikować stronę.
  3. Kliknij przycisk Edytuj za pomocą Elementora , aby otworzyć stronę w panelu edytora Elementor.
Page settings

Jak korzystać z Elementora: ostateczny przewodnik dla początkujących

Krok 4: Dodaj zawartość do strony za pomocą widżetów Elementor

Bardzo dobrze. Pomyślnie utworzyłeś swoją stronę internetową i możesz ją edytować za pomocą Elementora.

Elementor editor panel

I nadszedł czas, aby dodać treść do strony. Elementor zawiera widżety typu „przeciągnij i upuść”, których możesz użyć do zaprojektowania swojej strony internetowej.

Basic Elementor editor panel settings

Dodajmy widżet nagłówka. Po prostu znajdź widżet Nagłówek z galerii widżetów. Następnie przeciągnij i upuść widżet w odpowiednim miejscu dla Twojej strony internetowej.

Add heading widget

Możesz użyć opcji Styl , aby dostosować nagłówek.

Customize heading design

Aby uzyskać więcej personalizacji, możesz skorzystać z zaawansowanych funkcji Elementora.

Elementor Advanced settings

Krok 5: Użyj szablonów Elementor do zaprojektowania swojej witryny

Elementor zawiera również gotowe szablony stron internetowych do projektowania strony internetowej. Możesz wybrać odpowiedni na podstawie swoich celów projektowych. Możesz jednak dostosować te szablony na swój własny sposób.

Zobaczmy, jak korzystać z szablonu witryny Elementor.

Najpierw kliknij ikonę Szablon .

Click Template icon

W poniższym wyskakującym okienku modalnym zobaczysz wszystkie bloki i szablony Elementor .

Elementor Template library

Tutaj możesz wybrać odpowiedni szablon lub bloki. Aby użyć tego szablonu, musisz kliknąć przycisk Instaluj i poczekać chwilę na instalację.

Otóż ​​to.

Często zadawane pytania dotyczące Divi i Elementor

Tutaj odpowiedzieliśmy na kilka podstawowych pytań dotyczących Elementora i Divi.

1. Co jest lepsze Elementor vs Divi?

To częste pytanie, które ludzie zawsze zadają. Elementor to łatwa w użyciu i najczęściej używana wtyczka do tworzenia stron. Podczas gdy Divi jest znacznie trudniejszy, ale tani w cenie niż Elementor.

2. Czy Divi i Elementor są takie same?

Divi zawiera zarówno motyw, jak i wersję wtyczki, podczas gdy Elementor jest wtyczką. Ale Elementor poleca Hello Theme.

3. Czy Elementor jest szybszy niż Divi?

W rzeczywistości zależy to od Twojego planu hostingowego i zawartości Twojej witryny. Ale ogólnie Elementor jest szybszy niż Divi.

4. Czy mogę używać Elementora z Divi?

Tak, możesz używać Elementora z Divi.

Czy jesteś gotowy, aby przekonwertować swoją witrynę Divi?

Kreator stron, taki jak Elementor lub Divi, zmienia erę projektowania stron internetowych. Teraz możesz łatwo zaprojektować stronę internetową w czasie rzeczywistym.

Na tym blogu pokazaliśmy, jak przekonwertować Divi na Elementor. Odpowiedzieliśmy również na kilka podstawowych pytań dotyczących Elementora i Divi. Jeśli masz jakieś pytania, możesz je zadać, korzystając z pola komentarza poniżej. Odpowiemy jak najszybciej.

Jeśli uznasz ten blog za pomocny, udostępnij go w swoich mediach społecznościowych. Nie zapomnij dołączyć do naszych biuletynów, aby uzyskać więcej informacji związanych z WordPress i Elementorem.

Zapisz się do naszego newslettera

Otrzymuj najnowsze wiadomości i aktualizacje na Elementor