Jak zbudować oszałamiającą stronę internetową za pomocą Divi

Budowanie witryny WordPress nie musi być herkulesowym zadaniem. Nie potrzebujesz osobnej wtyczki do tworzenia witryn WordPress i oddzielnego motywu WordPress, aby stworzyć oszałamiającą i wysoce zoptymalizowaną witrynę. Wszystko, czego potrzebujesz, to wszechstronne narzędzie WordPress, które zawiera motywy i kreator stron internetowych, których potrzebujesz do stworzenia swojej witryny. Jednym z najpopularniejszych narzędzi, które możesz rozważyć, jest Divi. W tym poście przeprowadzimy Cię krok po kroku przez proces budowania strony internetowej z Divi. Przejdźmy od razu do szczegółów.

Co to jest Divi?

Najpierw ustalmy tło dla tego narzędzia. Divi to jeden z najpopularniejszych kreatorów stron internetowych na rynku. Umożliwia użytkownikom proste użycie mechanizmu przeciągnij i upuść do zbudowania strony internetowej. Warto zauważyć, że za pomocą Divi utworzono ponad 2,5 miliona witryn.

Jest to niewątpliwie bardzo popularny motyw. Konstruktor motywów Divi jest all-inclusive i za pomocą tylko jednej licencji Divi Theme możesz tworzyć nieograniczone projekty stron internetowych. Divi zawiera ponad czterdzieści modułów, których możesz użyć do stworzenia swojej witryny.

Jest to narzędzie premium w dwóch różnych pakietach – rocznej licencji i dożywotniej licencji dostępowej. Oba plany pozwalają na budowanie nieograniczonej liczby stron internetowych przy użyciu tylko jednej licencji.

Możesz przeglądać ponad 157 gotowych szablonów dostępnych w pakiecie motywów Divi, aby stworzyć swoją stronę internetową. Najlepsze jest to, że narzędzie jest kompatybilne z innymi wtyczkami motywów w WordPress. Oznacza to, że jeśli chcesz używać Divi Builder z wtyczką innej firmy, możesz.

Jak stworzyć witrynę WordPress za pomocą motywu Divi

Teraz, gdy mamy już ogólne pojęcie o tym, o co chodzi w narzędziu Divi, następną rzeczą jest zobaczenie, jak utworzyć witrynę WordPress za pomocą motywu Divi. Możesz utworzyć witrynę z motywem Divi w trzech krokach. Te kroki są wyróżnione poniżej:

• Uruchom swoją witrynę WordPress.

• Zainstaluj i skonfiguruj motyw Divi na swojej witrynie WordPress.

• Zbuduj swoją witrynę z motywem Divi.

Przyjrzymy się szczegółowo każdemu krokowi w tym poście. Przygotuj się więc na zbudowanie swojej witryny za pomocą jednego z najlepszych narzędzi na rynku!

Uruchom swoją witrynę WordPress

Przed utworzeniem niestandardowej witryny WordPress z motywem Divi, pierwszą rzeczą jest uruchomienie witryny WordPress. Aby to zrobić, wykonaj poniższe czynności:

Krok 1: Uzyskaj hosting dla swojej witryny. Bez względu na rodzaj strony, którą chcesz zbudować, musisz najpierw uzyskać nazwę domeny i hosting. Istnieją dziesiątki wyjątkowych firm hostingowych, które możesz zbadać pod kątem swojego hostingu. Oferujemy hosting w ramach naszych usług utrzymania WordPressa.

Krok 2: Uzyskaj nazwę domeny dla swojej witryny. Większość firm hostingowych oferuje nazwy domen jako część pakietu hostingowego. Jeśli kupiłeś już nazwę domeny, możesz przenieść ją na platformę hostingową, z której chcesz korzystać. Każda platforma hostingowa ma swój proces konfiguracji, ale często jest to łatwe i proste do naśladowania.

Postępuj zgodnie z instrukcjami w witrynie hostingowej, aby zakończyć transakcję zakupu hostingu i nazwy domeny. Większość platform hostingowych ma WordPress automatycznie instalowany, podczas gdy inne oferują instalację WordPressa jednym kliknięciem.

Ukończenie tego procesu jest dość łatwe bez żadnych usterek. Kiedy skończysz konfigurować nazwę domeny i hosting oraz instalować WordPress, Twoja witryna zostanie uruchomiona, a po sprawdzeniu nazwy domeny w przeglądarce otrzymasz coś takiego:

Skonfiguruj motyw Divi na swojej witrynie WordPress

Teraz, gdy Twoja witryna jest już aktywna i masz pustą kartę do zbudowania własnej witryny, następnym krokiem jest pobranie i aktywacja motywu Divi na nowej witrynie. Aby to zrobić, wykonaj poniższe czynności:

Krok 1: Kup motyw Divi. Zakup motywu Divi zapewnia dostęp do różnych innych produktów, w tym Monarch i innych popularnych wtyczek i motywów. Aby to zrobić, wykonaj poniższe czynności:

• Odwiedź witrynę Elegant Themes i kliknij „Ceny”. Spowoduje to otwarcie dwóch dostępnych pakietów eleganckich motywów. Możesz wybrać jedną z dwóch opcji w zależności od wymagań i budżetu. Kliknij przycisk „Zarejestruj się dzisiaj” preferowanej opcji.

• Spowoduje to przejście do innej strony, na której musisz podać swoje dane oraz nazwę użytkownika i hasło. Następnie kliknij „Dokończ rejestrację”.

• Zostaniesz przekierowany do sekcji płatności, gdzie musisz wprowadzić dane swojej karty, aby zakończyć transakcję. Kliknij przycisk „Zapłać 89 USD”, aby zakończyć płatność. Jeśli wybierzesz inny pakiet, kwota zostanie odzwierciedlona zamiast 89 USD.

• Po pomyślnej płatności następnym krokiem jest pobranie motywu Divi. Kliknij „Zaloguj się, aby pobrać wszystkie nasze dostępne produkty”.

• Podaj swoje dane logowania i kliknij przycisk „Zaloguj się”.

• Kliknij przycisk „Pobierz motyw Divi”. Spowoduje to pobranie folderu zip z motywem Divi na twój system komputerowy.

Krok 2: Zainstaluj motyw Divi na swojej witrynie WordPress. Aby to zrobić, przejdź do pulpitu WordPress i wykonaj poniższe czynności:

• Kliknij „Wygląd”, a następnie „Motywy”

• Kliknij „Dodaj nowy”, a następnie „Prześlij motyw”

• Kliknij „Wybierz plik” i wybierz pobrany plik zip z systemu. Następnie kliknij „Zainstaluj teraz”.

Krok 3: Aktywuj motyw Divi

• Przejdź do menu po lewej stronie pulpitu WordPress i wybierz Divi. Następnie wybierz "Aktualizacje" w opcjach motywu Divi.

• Wprowadź swoją nazwę użytkownika i klucz API. Aby znaleźć klucz API, przejdź do „Moje konto” i znajdź sekcję oznaczoną „Klucze API”. Skopiuj klucz API i przejdź do wklejenia go w polu klucza API, a następnie kliknij „Zapisz zmiany”. Spowoduje to aktywację motywu Divi w Twojej witrynie WordPress.

Zbuduj swoją witrynę za pomocą motywu Divi

Dzięki motywowi Divi możesz odkrywać różne funkcje, aby stworzyć idealną stronę internetową. Wykonaj poniższe proste kroki, aby zbudować swoją witrynę za pomocą motywu Divi:

Krok 1: Utwórz stronę główną z istniejącymi układami. Twoja strona główna to pierwsze miejsce, do którego trafią Twoi odwiedzający, gdy wejdą na Twoją witrynę. Dlatego musi być jak najbardziej atrakcyjna. Wykonaj poniższe czynności, aby stworzyć atrakcyjną stronę główną:

• Kliknij menu „+Nowa” u góry strony i wybierz „Strona”

• Dodaj tytuł strony (Strona główna) i kliknij „Użyj Diva Builder”.

• Na następnej stronie masz do wyboru trzy opcje. Są to „Zbuduj stronę od podstaw”, „Wybierz gotowy układ” i „Klonuj inną istniejącą stronę”. W tym przewodniku przyjrzymy się, jak zbudować stronę od podstaw i jak korzystać z gotowego układu.

Jak wykorzystać gotowy układ do zbudowania strony głównej

• Przejdź do sekcji „Wybierz gotowy układ” i kliknij „Przeglądaj układy”

• Wybierz preferowany układ i kliknij „Użyj tego układu”. Możesz klikać różne układy i przeglądać je, aby zobaczyć, jak będą wyglądać w Twojej witrynie.

• Aby zmienić i dostosować tekst w układzie, zaznacz tekst, klikając go dwukrotnie i wprowadzając tekst, którego chcesz użyć. Możesz zmienić wszystkie teksty na stronie, zaznaczając je i zastępując własnym tekstem.

• Aby zmienić obrazy w witrynie, kliknij dwukrotnie obraz, który chcesz zastąpić, a następnie kliknij obraz. Następnie przeciągnij i upuść preferowany obraz z systemu, aby go zastąpić.

• Gdy skończysz ze zmianami, kliknij przycisk „Publikuj”, a następnie „Zamknij Visual Builder” w górnej części witryny.

• Po tym procesie możesz tworzyć inne strony w witrynie

Jak zbudować stronę główną od podstaw

• Kliknij „+Nowy”, a następnie „Strona”.

• Wprowadź tytuł strony i kliknij „Użyj Divi Builder”.

• Wybierz „Buduj od podstaw”, a następnie „Rozpocznij budowę”.

• Aby rozpocząć, kliknij ikonę „+” na środku strony, co spowoduje wyświetlenie trzech opcji – Specjalność, Pełna szerokość i Zwykły.

• Twój wybór określi strukturę każdej zbudowanej sekcji. Aby uzyskać sekcję o pełnej szerokości, kliknij „Fullwidth”. Spowoduje to wyświetlenie listy elementów, które możesz dodać do strony z pełnej szerokości.

Aby utworzyć nagłówek, kliknij „Nagłówek o pełnej szerokości”. Spowoduje to wstawienie nagłówka o pełnej szerokości do witryny. Możesz dostosować tekst, zaznaczając tekst i zastępując go nowym tekstem. Możesz to zrobić dla każdej sekcji strony.

W projekcie można również połączyć „zwykłe” i „specjalne”, aby stworzyć niepowtarzalny projekt. Gdy jesteś zadowolony z wyniku, kliknij przycisk „Opublikuj”, a następnie „Wyjdź z programu Visual Builder”. Możesz wykonać następujące kroki, aby wypełnić i zaprojektować inne strony swojej witryny.

Krok 2: Zbuduj menu główne

• Kliknij nazwę witryny, a następnie wybierz „Dostosuj motyw”

• Kliknij „Menu z otwartego obszaru”, a następnie kliknij „Utwórz nowe menu”.

• Wprowadź nazwę tworzonego menu i wybierz lokalizację, w której ma być wyświetlane menu. Może to być menu „Podstawowe”, „Dodatkowe” lub „Stopka”.

• Po wybraniu preferowanej lokalizacji kliknij „Dalej”.

• Kliknij „+Dodaj elementy”, aby wyświetlić listę stron, które możesz dodać do elementów menu.

• Kliknij ikonę „+”, aby dodać dowolną stronę jako element menu. Możesz dodać tyle elementów, ile chcesz, używając tych samych przycisków.

• Po zakończeniu kliknij stronę „Publikuj”, aby zapisać wszystkie wprowadzone zmiany.

Krok 3: Zmień logo na stronie. Aby usunąć domyślne logo Divi i zmienić je na logo swojej firmy, wykonaj następujące czynności:

• Przejdź do pulpitu WordPress i kliknij „Divi” w menu bocznym

• Przejdź do opcji Logo w zakładce „Ogólne” w motywie Divi.

• Kliknij „Prześlij”, a następnie przeciągnij i upuść logo firmy do miejsca, w którym znajdowało się logo domyślne.

• Kliknij „Zapisz zmiany”, a następnie odśwież swoją witrynę, aby zobaczyć wprowadzone zmiany.

Wniosek

To jest to! Pomyślnie zbudowałeś stronę internetową za pomocą Divi. Nie potrzebujesz żadnego kodowania ani skrótów, aby stworzyć swoją stronę internetową podczas korzystania z Divi. Jest to prosty mechanizm „przeciągnij i upuść”, który sprawia, że ​​proces jest łatwy i bezproblemowy.