Jak zbudować witrynę internetową za pomocą Divi (samouczek 2024)

Opublikowany: 2024-06-13

Kupiłeś Divi i jesteś gotowy do zbudowania swojej witryny internetowej. Jedynym problemem jest to, że nie wiesz od czego zacząć. Na szczęście Divi jest jednym z najbardziej intuicyjnych dostępnych motywów WordPress. Oferuje przyjazny dla użytkownika moduł Visual Builder typu „przeciągnij i upuść”, który umożliwia umieszczanie modułów projektowych bezpośrednio na stronie internetowej w interfejsie użytkownika, dzięki czemu możesz zobaczyć, jak Twój projekt pojawia się w czasie rzeczywistym.

Jednak Divi to coś więcej niż motyw WordPress. Zapewnia pełne możliwości tworzenia stron internetowych bez pisania ani jednej linii kodu. W tym poście pokażemy, jak zbudować witrynę Divi i udostępnimy przewodnik krok po kroku, dzięki czemu będziesz mógł z łatwością podążać za nią.

Zacznijmy.

Spis treści
  • 1 Pierwsze kroki z WordPressem i Divi
    • 1.1 Zakup nazwy domeny
    • 1.2 Rejestracja do planu hostingowego WordPress
    • 1.3 Instalacja WordPressa
    • 1.4 Instalowanie motywu Divi WordPress
    • 1.5 Konfigurowanie ustawień motywu Divi
  • 2 Jak zbudować witrynę Divi
    • 2.1 Jak zbudować witrynę Divi: planowanie struktury
    • 2.2 Jak zbudować witrynę Divi: Tworzenie stron internetowych
    • 2.3 Jak zbudować witrynę Divi: wprowadzanie zmian w projekcie
    • 2.4 Jak zbudować witrynę Divi: ulepszanie swojej witryny za pomocą wtyczek
  • 3 Divi specjalizuje się w tworzeniu profesjonalnych stron internetowych
  • 4 często zadawane pytania

Pierwsze kroki z WordPressem i Divi

Zanim przejdziemy do zabawnej części tworzenia Twojej witryny za pomocą Divi, upewnijmy się, że masz niezbędne elementy. W pierwszej części naszego wpisu dotyczącego tworzenia witryny Divi skoncentrujemy się na zakupie nazwy domeny, zarejestrowaniu się w planie hostingowym WordPress oraz instalacji i konfiguracji motywu Divi.

motyw Divi

Zakup nazwy domeny

Traktuj swoją nazwę domeny jako adres swojej witryny w Internecie. Wybierając jeden, upewnij się, że będzie niezapomniany. Twoja domena jest często pierwszą rzeczą, którą widzą ludzie, gdy trafiają na Twoją witrynę. Dobrze dobrana nazwa domeny może wywrzeć pozytywne pierwsze wrażenie i sprawić, że Twoja witryna będzie łatwiejsza do zapamiętania. Skorzystaj z dobrego rejestratora domen, który ma dobrą funkcję wyszukiwania, aby znaleźć tego, który będzie dla Ciebie najlepszy.

Silna nazwa domeny działa jako element składowy tożsamości Twojej marki. Powinien być odpowiedni dla niszy i grupy docelowej Twojej witryny. Na przykład eleganckithemes.com natychmiast informuje odwiedzających, że mogą spodziewać się pięknych motywów w naszej witrynie. Im bardziej nazwa domeny odzwierciedla Twoją markę, tym łatwiej będzie ludziom Cię rozpoznać i zapamiętać.

Kolejnym czynnikiem, który należy wziąć pod uwagę, są strony rankingowe wyszukiwarek (SERP). Umieszczenie odpowiednich słów kluczowych w domenie może nieznacznie przyspieszyć optymalizację wyszukiwarek (SEO), ułatwiając innym znalezienie Twojej witryny podczas wyszukiwania. Niektóre rozszerzenia nazw domen są lepsze pod względem SEO niż inne, dlatego warto trzymać się rozszerzeń takich jak .com , .net czy .org , żeby wymienić tylko kilka.

Wybierz renomowanego rejestratora domen

Rejestrator domen Namecheap

Jednym z najlepszych rejestratorów domen jest Namecheap. Oferuje zaawansowane wyszukiwanie domen, dzięki czemu z łatwością znajdziesz idealną domenę dla swojej firmy. Oferuje również bardzo przystępne ceny. Na przykład możesz otrzymać domenę .com na pierwszy rok za 5,98 USD . Zapewnia prosty interfejs do rejestracji domeny, usług hostingowych FreeDNS i PremiumDNS, aby mieć pewność, że Twoja witryna będzie zawsze online. Osiąga to poprzez dystrybucję informacji DNS na wielu serwerach brzegowych, co sprawia, że ​​prawie niemożliwe jest, abyś stał się ofiarą rozproszonego ataku typu „odmowa usługi” (DDoS).

Pobierz Namecheap

Rejestracja w planie hostingowym WordPress

Kolejną rzeczą, której będziesz potrzebować, aby stworzyć stronę internetową Divi, jest dobry dostawca usług hostingowych. Pomyśl o hostingu jako o domu swojej witryny. Przechowuje wszystkie pliki Twojej witryny i udostępnia je odwiedzającym. Dostępnych jest wielu dostawców usług hostingowych, w tym Cloudways, Flywheel, Pressable i SiteGround.

jak zrobić stronę internetową Divi

Wszyscy wymienieni powyżej dostawcy usług hostingowych oferują hosting przeznaczony dla WordPress i Divi. Decydując się na zoptymalizowany hosting WordPress, podejmujesz kroki, aby mieć pewność, że Twoja witryna będzie szybka, bezpieczna i dobrze wyposażona do obsługi WordPressa. Hosty te są również zaprojektowane do bezbłędnego działania Divi. Spośród czterech SiteGround oferuje najwyższy zwrot z każdej wydanej złotówki.

Oferuje mnóstwo gratisów, w tym bezpłatną pocztę e-mail, migrację witryny, certyfikat SSL, instalację WordPress jednym kliknięciem, sieć dostarczania treści (CDN) i wiele innych. Ponadto ich plany hostingowe WordPress są niezwykle przystępne, a ceny zaczynają się od 2,99 USD miesięcznie . SiteGround również poważnie podchodzi do bezpieczeństwa witryn internetowych, oferując system antybotowy oparty na sztucznej inteligencji, który codziennie flaguje i blokuje miliony zagrożeń bezpieczeństwa. Dostępna jest również potężna zapora sieciowa aplikacji internetowych (WAF), która zapewnia ochronę witryny przed hakerami, atakami typu brute-force i złośliwym oprogramowaniem.

Zdobądź hosting naziemny Divi Site

Instalacja WordPressa

Istnieje kilka sposobów instalacji WordPressa, w tym ręczna. Na szczęście w przypadku dostawcy hostingu takiego jak SiteGround proces jest niezwykle łatwy. Po zarejestrowaniu się w planie hostingowym SiteGround, SiteGround przeprowadzi Cię przez proste kroki instalacji WordPress. Zacznij od zalogowania się na swoje konto SiteGround. Po zalogowaniu zostaniesz przekierowany do panelu narzędzi witryny. Następnie kliknij przycisk Konfiguruj witrynę, aby rozpocząć.

założyć stronę internetową

Na następnym ekranie wybierz nową, istniejącą lub tymczasową domenę. Zakładamy, że w poprzednim kroku kupiłeś domenę od Namecheap, więc wybierz istniejącą domenę . Wpisz nazwę swojej domeny w polu i kliknij Kontynuuj .

wybierz domenę

Następnie wybierz opcję Uruchom nową witrynę , wybierz WordPress dla aplikacji, dodaj adres e-mail i hasło (tego będziesz używać do logowania się do WordPressa) i kliknij Kontynuuj .

Dane logowania do WordPressa

W ciągu następnych kilku minut SiteGround skonfiguruje przestrzeń serwerową, zainstaluje WordPress i skonfiguruje go pod kątem szybkości i wydajności. SiteGround korzysta z zastrzeżonej wtyczki do optymalizacji prędkości, Speed ​​Optimizer, która kontroluje buforowanie, optymalizację obrazu i nie tylko.

Instalowanie motywu Divi WordPress

Po zainstalowaniu WordPressa czas zainstalować Divi. W tym poście zakładamy, że podjąłeś kroki w celu zakupu subskrypcji Elegant Themes. Dlatego w tej sekcji skoncentrujemy się na instalacji Divi oraz wygenerowaniu i zainstalowaniu klucza API.

Zacznij od przejścia do panelu WordPress. Istnieją dwa sposoby uzyskania dostępu do panelu WordPress: poprzez panel narzędzi witryny SiteGround lub bezpośrednio w przeglądarce, wpisując www.twoja nazwa_witryny.com/wp-admin (zamień nazwę swojej witryny na swoją domenę).

uzyskaj dostęp do panelu WordPress

Po zalogowaniu przejdź do Wygląd > Motywy . Kliknij opcję Dodaj nowy motyw .

dodaj nowy motyw WordPress

Następnie kliknij kartę Prześlij motyw .

prześlij motyw WordPress

Kliknij link Wybierz plik , aby załadować spakowany plik motywu Divi do WordPress.

jak zrobić stronę internetową Divi

Po przesłaniu pliku kliknij przycisk Zainstaluj teraz , aby zainstalować Divi na WordPress.

zainstaluj Divi

Na koniec kliknij przycisk Aktywuj , aby aktywować motyw.

aktywuj Divi

Wygeneruj i zainstaluj klucz Divi API

Ostatnim krokiem instalacji Divi jest wygenerowanie i zainstalowanie klucza API. Korzystanie z klucza API gwarantuje, że podstawowa platforma Divi jest aktualna. Aktualizacje są kluczowe, aby Divi działało sprawnie, było bezpieczne i zapewniało dostęp do przyszłych funkcji. Kolejną zaletą klucza API jest to, że zapewnia on dostęp do wszelkich dodatkowych zakupionych produktów i daje dostęp do ponad 2000 gotowych układów Divi.

Aby wygenerować klucz, zaloguj się na swoje konto Elegant Themes, przejdź do zakładki Konto i kliknij Nazwa użytkownika i klucz API .

Klucz API Divi

Przewiń w dół, aż zobaczysz przycisk Wygeneruj nowy klucz API .

wygeneruj nowy klucz API

Nazwij klucz i skopiuj etykietę i klucz API na przechowanie. Następnie wróć do panelu WordPress i przejdź do Divi > Opcje motywu > Aktualizacje .

zainstaluj klucz Divi API

Wprowadź nazwę użytkownika i klucz API w powiązanych polach i kliknij przycisk Zapisz zmiany .

Jak stworzyć witrynę z portfolio za pomocą WordPress

Divi to coś więcej niż tylko motyw WordPress

motyw Divi

Jak wspomniano, Divi to potężny motyw WordPress, który oferuje intuicyjny kreator stron typu „przeciągnij i upuść”, Visual Builder. Jest wyposażony w ponad 200 modułów projektowych, dzięki czemu możesz zbudować dowolny typ strony internetowej. Divi zawiera także potężną możliwość edycji pełnej witryny dzięki Kreatorowi motywów. Za jego pomocą możesz tworzyć nagłówki i stopki, szablony wpisów na blogu, archiwizować strony i nie tylko – a wszystko to za pomocą tego samego interfejsu „przeciągnij i upuść”. Divi jest również bardzo przystępna cenowo, a roczne licencje zaczynają się od 89 USD .

Zdobądź Divi

Divi AI

Jako dodatkowy bonus, Divi oferuje niesamowity zestaw produktów, które poprawią Twoje wrażenia. Dostępna jest Divi AI, asystent projektowania oparty na sztucznej inteligencji, który potrafi pisać tekst promujący markę, generować realistyczne obrazy, pisać kod i generować moduły oraz tworzyć pełne strony internetowe – a wszystko to za pomocą prostego podpowiedzi tekstowej. Możesz generować nieograniczoną liczbę obrazów, tekstu, kodu i stron już za 16,08 USD miesięcznie .

Zdobądź Divi AI

Chmura Divi

Inne produkty, takie jak Divi Cloud, umożliwiają przechowywanie wszystkich modułów, sekcji i pełnych układów Divi w chmurze. Eliminuje to potrzebę eksportowania plików JSON lub XML w celu ponownego wykorzystania ulubionych układów. Dzięki Divi Cloud możesz zapisywać układy z każdej posiadanej witryny internetowej, co pozwala z łatwością importować i eksportować ulubione układy. Divi Cloud jest dostępny za 6 dolarów miesięcznie .

Zdobądź Divi Cloud

Zespoły Divi

Szukasz sposobu na wspieranie współpracy pomiędzy członkami zespołu i ułatwianie życia? Właśnie tam Divi Teams może pomóc. Za jedyne 1,50 USD miesięcznie za miejsce możesz zapewnić dostęp do Divi i każdego produktu, który kupisz za pośrednictwem obszaru członkowskiego Elegant Themes. Udostępniaj dostęp do rozliczeń klientów i produktów Divi, przypisuj role użytkowników i z łatwością uzyskuj dostęp do zgłoszeń pomocy technicznej.

Zdobądź zespoły Divi

Konfigurowanie ustawień motywu Divi

Opcje motywu Divi

Po zainstalowaniu Divi jest kilka kluczowych obszarów, o których musisz wiedzieć. Pierwszą z nich są opcje motywu Divi. Tutaj możesz dodać logo, skonfigurować globalne kolory, dodać linki do mediów społecznościowych, dostosować ustawienia wydajności i wiele więcej. Możesz także skonfigurować ustawienia nawigacji w witrynie, zezwolić Divi Builder na niestandardowe typy postów, skonfigurować ustawienia SEO i dodać skrypty w celu uzyskania dodatkowej funkcjonalności.

Dostępny jest także moduł dostosowywania motywów Divi, który umożliwia dostosowanie globalnych ustawień czcionek, szerokości witryny, tytułu i sloganu witryny oraz nie tylko. Możesz także przypisywać globalne czcionki i kolory, dostosowywać kolory i czcionki nagłówków i stopek, przyciski stylu, konfigurować style mobilne i nie tylko.

Jak zbudować stronę internetową Divi

Po zakończeniu wszystkich prac konfiguracyjnych możemy skupić się na drugiej części naszego samouczka dotyczącego tworzenia witryny internetowej Divi. Ta sekcja przeprowadzi Cię przez proces planowania struktury witryny, od utworzenia strony po utworzenie menu nawigacyjnego. Zajmiemy się także tworzeniem stron z gotowym układem i generowaniem ich za pomocą Divi AI. Na koniec zaproponujemy kilka niezbędnych wtyczek, dzięki którym Twoja witryna będzie jeszcze lepsza.

Jak zbudować witrynę Divi: planowanie struktury

Zanim zaprojektujesz strony dla swojej witryny WordPress, musisz je utworzyć. Większość podstawowych witryn WordPress ma kilka stron, w tym stronę główną, informacje, usługi, blog i kontakt , więc od tego zaczniemy. Chociaż w zależności od rodzaju tworzonej witryny możesz potrzebować dodatkowych stron, stanowią one dobry punkt wyjścia.

Tworzenie stron stron WordPress jest proste. Przejdź do Strony > Dodaj nową stronę .

dodaj nową stronę WordPress

Nadaj swojej stronie tytuł i kliknij przycisk Publikuj , aby utworzyć stronę.

opublikuj stronę WordPress

Powtórz powyższy proces, aby utworzyć pozostałe strony. Po zakończeniu struktura strony witryny powinna wyglądać następująco.

Struktura strony WordPress

Tworzenie menu nawigacyjnego

Zanim zagłębisz się w narzędzie Visual Builder, ważne jest, aby przygotować podstawy pod strukturę witryny. Zapewnia to przejrzysty i logiczny przepływ informacji, ułatwiając odwiedzającym poruszanie się i odnajdywanie tego, czego szukają. Aby utworzyć menu w WordPressie, przejdź do Wygląd > Menu . Nadaj swojemu menu nazwę , na przykład główną nawigację , ustaw lokalizację jako podstawową i kliknij przycisk Utwórz menu .

utwórz menu WordPress

Następnie wybierz strony, które chcesz dodać i kliknij przycisk Dodaj do menu .

dodaj strony WordPress

Na koniec kliknij i przeciągnij strony w menu, aby ułożyć je według własnych upodobań, a następnie kliknij przycisk Zapisz menu .

zapisz menu WordPressa

Ustawianie strony głównej w WordPress

Następnie ustawimy stronę główną naszej witryny Divi. Aby to zrobić, przejdź do Ustawienia > Czytanie . Wybierz opcję strony statycznej i wybierz stronę główną . Podczas gdy Twoja witryna jest w fazie rozwoju, warto zaznaczyć pole wyboru Widoczność w wyszukiwarkach . Dzięki temu Twoja witryna będzie ukryta przed wyszukiwarkami, dopóki nie będziesz gotowy, aby świat ją zobaczył. Na koniec kliknij przycisk Zapisz zmiany , aby zablokować stronę główną.

ustaw stronę główną w WordPress

Jak zbudować witrynę Divi: tworzenie stron internetowych

Mając już ustaloną strukturę naszej witryny i ustawioną stronę główną, możemy rozpocząć proces tworzenia naszych stron internetowych za pomocą Divi. Można to zrobić na kilka sposobów, w tym przy użyciu gotowego układu, przy użyciu Divi AI lub od zera przy użyciu narzędzia Visual Builder. W tym samouczku przedstawimy podstawy wszystkich trzech opcji, aby upewnić się, że wiesz, jak tworzyć strony w sposób, który najbardziej Ci odpowiada.

Ładowanie gotowego układu

Utworzenie strony z gotowym układem to jeden z najłatwiejszych sposobów rozpoczęcia pracy z Divi. Dostępnych jest ponad 2000 układów, obejmujących każdą główną kategorię, jaką możesz sobie wyobrazić. Istnieją układy dla restauracji, różnych rodzajów działalności, usług, wydarzeń, technologii i nie tylko. Każdy pakiet układów dla Divi zawiera co najmniej 6 układów stron, wystarczających do stworzenia większości stron internetowych.

Aby załadować gotowy układ, przejdź do opcji Strony > Wszystkie strony . Następnie kliknij stronę główną, aby ją edytować.

jak zrobić stronę internetową Divi

Kliknij przycisk Edytuj za pomocą Divi Builder .

edytuj za pomocą Divi Builder

Następnie wybierz opcję Wybierz gotowy układ .

wybierz gotowy układ

Możesz użyć paska wyszukiwania , aby wyszukać konkretny układ lub przeglądać według kategorii .

przeszukaj gotowe układy

Kliknij kategorię biznesową i wybierz Pakiet układu trenera kariery dla Divi.

wybierz układ Divi

Wybierz układ Landing Page , a następnie kliknij przycisk Użyj tego układu , aby załadować układ na stronę główną.

załaduj układ Divi

Po odświeżeniu strony możesz zmienić tekst i obrazy, dodać nowe moduły projektowe i dostosować stronę według własnych upodobań.

edytować strony za pomocą narzędzia Visual Builder

Używanie Divi AI do tworzenia strony internetowej

Oprócz korzystania z gotowego układu użytkownicy Divi mają inny niesamowity sposób projektowania stron internetowych. Divi AI to nowy, potężny asystent projektowania Elegant Theme, oparty na sztucznej inteligencji, który umożliwia generowanie pełnych stron internetowych z podpowiedzią tekstową. Po prostu opisz typ strony, którą chcesz utworzyć, podaj AI pewne informacje pomocnicze, wybierz czcionki i kolory i obserwuj, jak Divi AI generuje pełną stronę internetową, wraz ze szkieletem, tekstem i obrazami.

Aby wygenerować stronę za pomocą Divi AI, wybierz stronę Informacje w Stronach > Wszystkie strony. Włącz Divi Builder jak w poprzednim kroku. Tym razem zamiast wybierać gotowe układy, zbudujemy stronę za pomocą AI .

twórz z Divi AI

Gdy pojawi się okno dialogowe Divi AI, opisz stronę, którą chcesz utworzyć Divi AI , podaj dodatkowe szczegóły , takie jak misja lub krótki opis swojej firmy, a także dostosuj czcionki i kolory . Możesz pozwolić AI je wybrać, użyć domyślnych czcionek i kolorów witryny lub wybrać je ręcznie. Aby było ciekawiej, we wszystkich przypadkach zaznaczymy opcję Pozwól AI wybrać za mnie . Po wypełnieniu wszystkich pól kliknij przycisk Generuj układ .

Okno dialogowe Divi AI

W ciągu następnych kilku minut Divi AI utworzy szkielet strony i doda tekst i obrazy w modułach projektowych Divi.

Proces projektowania Divi AI

Po ukończeniu będziesz mieć w pełni funkcjonalną stronę internetową, którą możesz edytować za pomocą narzędzia Visual Builder.

jak zrobić stronę internetową Divi

Jak zbudować witrynę Divi: wprowadzanie zmian w projekcie

Divi umożliwia tworzenie oszałamiających wizualnie stron przy użyciu ogromnej biblioteki modułów projektowych Divi i opcji dostosowywania. Moduły te działają jak elementy konstrukcyjne, dzięki czemu z łatwością możesz dodawać różne elementy do swojej witryny. Nawet po utworzeniu stron z gotowym szablonem lub Divi AI możesz dalej edytować projekty, dodając dodatkową treść tekstową, obrazy i inne elementy.

W tej części naszego samouczka dotyczącego tworzenia witryny internetowej Divi pokażemy różne sposoby edycji stron za pomocą narzędzia Visual Builder i Divi AI.

Zrozumienie kreatora wizualizacji

Divi wykorzystuje sekcje i wiersze do zdefiniowania struktury strony internetowej. Sekcje to większe pojemniki zawierające wiersze, które dodatkowo porządkują zawartość w kolumny. Możesz dostosować liczbę kolumn i odstępy w każdym wierszu.

Struktura Divi

Jak wspomniano wcześniej, Divi zawiera ponad 200 modułów projektowych o różnych funkcjonalnościach. Możesz tworzyć galerie zdjęć, zakładki, akordeony, liczniki czasu i wiele więcej.

Moduły projektowe Divi

Podczas przeciągania i upuszczania elementów zmiany są widoczne na żywo na ekranie. Eliminuje to potrzebę stosowania złożonego kodu i zapewnia, że ​​Twoja witryna internetowa będzie wyglądać dokładnie tak, jak sobie wyobrażasz. To tak, jakbyś miał podgląd swojej witryny w czasie rzeczywistym podczas jej tworzenia.

Kreator wizualny Divi

Aby edytować sekcję, najedź myszką na zawartość strony, aż pojawi się niebieskie pole . Kliknij ikonę koła zębatego , aby edytować sekcję.

edytuj sekcję Divi

Podobnie możesz edytować wiersze i moduły. Wiersze są podświetlone na zielono, a moduły na szaro.

Wiersze i moduły Divi

Każda sekcja, wiersz i moduł Divi ma swoje własne ustawienia. Istnieją trzy zakładki, w tym zawartość, projekt i zaawansowane.

Ustawienia modułu Divi

Łącząc moduły, wiersze i sekcje, możesz tworzyć złożone układy z pełną kontrolą nad hierarchią wizualną i rozmieszczeniem elementów na swoich stronach. Możesz na przykład użyć sekcji z obrazem tła o pełnej szerokości, a następnie dodać wiersz z trzema kolumnami, aby wyświetlić usługi obok siebie w tej sekcji.

Sekcja 3-kolumnowa

Dzięki potężnym modułom i opcjom układu Divi możliwości tworzenia pięknych i angażujących stron internetowych są nieograniczone.

Generowanie tekstu za pomocą Divi AI

Niezależnie od tego, czy tworzysz witrynę Divi z gotowymi układami, Divi AI, czy od zera, możesz łatwo wygenerować kopię marki dla swoich stron. Divi AI jest w stanie generować wszelkiego rodzaju treści, od tytułów postów na blogu, przez opisy produktów, po posty na blogu i wszystko pomiędzy. Divi AI wykorzystuje tę wiedzę i zrozumienie Twojej witryny do tworzenia unikalnych i odpowiednich treści tekstowych.

Aby zademonstrować, jak łatwo jest korzystać z generatora tekstu Divi AI, wróćmy do strony głównej, którą stworzyliśmy z gotowym układem. Pakiety układów Divi zawierają nagłówki, ale wstawiają kopię zastępczą w modułach tekstowych. Edytujmy moduł tekstowy w sekcji bohatera i dodajmy nową kopię za pomocą Divi AI. Najedź kursorem na moduł tekstowy i kliknij szarą ikonę, aby uzyskać dostęp do jego ustawień.

edytuj moduł tekstowy

Następnie kliknij ikonę Divi AI, aby uzyskać dostęp do okna dialogowego AI.

aktywuj Divi AI

Gdy pojawi się wyskakujące okienko, wybierz opcję Napisz z AI .

pisz z Divi AI

Jako typ zawartości wybierz akapit . Następnie przekaż Divi AI krótkie podsumowanie tekstu, który chcesz wygenerować. Określ dodany kontekst (ta strona, ta sekcja itp.), wybierz ton głosu i wszelkie niezbędne słowa kluczowe, które chcesz uwzględnić. Na koniec utwórz treść na około 50 słów , pozostaw domyślny język i kliknij przycisk Generuj tekst .

wygeneruj tekst za pomocą Divi AI

Divi AI wygeneruje treść na podstawie Twoich ustawień. Po wygenerowaniu możesz umieścić tekst w module, klikając przycisk Użyj tego tekstu . Alternatywnie możesz ponowić próbę wyświetlenia monitu, ulepszyć go lub udoskonalić wynik , dodając dodatkowy monit.

użyj tekstu wygenerowanego przez sztuczną inteligencję

Po dodaniu tekstu do modułu kliknij zielony przycisk wyboru , aby zapisać zmiany.

moduł zapisu tekstu

Generowanie obrazów za pomocą Divi AI

Oprócz tekstu Divi AI może generować obrazy. Divi AI oferuje dwanaście różnych stylów obrazu, w tym zdjęcia, wektory, anime i inne. Generowanie obrazów działa podobnie jak generowanie tekstu, poprzez wprowadzenie monitu opisującego typ obrazu, który chcesz utworzyć. Zacznij od dodania lub edycji istniejącego modułu obrazu. Przy aktywnych ustawieniach modułu obrazu kliknij ikonę Divi AI, aby wyświetlić interfejs AI.

Obraz Divi AI

Gdy pojawi się wyskakujące okienko, kliknij opcję Generuj za pomocą AI .

jak zrobić stronę internetową Divi

Gdy pojawi się okno dialogowe AI, wybierz grafikę wektorową dla stylu , opisz obraz, który chcesz utworzyć, ustaw współczynnik proporcji na niestandardowy rozmiar (szerokość 240 pikseli i wysokość 400 pikseli) i kliknij przycisk Generuj .

wygeneruj obraz za pomocą AI

Divi AI wygeneruje 4 obrazy do wyboru. Możesz wybrać swój ulubiony i kliknąć opcję Użyj tego obrazu lub Wygeneruj cztery kolejne . Możesz także zmodyfikować wybrany obraz, generując więcej podobnych, wybierając alternatywny styl lub dodając nowy opis.

Opcje AI obrazu Divi

Po wstawieniu wygenerowanego obrazu do modułu obrazu kliknij zielony przycisk wyboru , aby go zapisać.

zapisz zmiany w module Divi

Jak zbudować witrynę Divi: ulepszanie swojej witryny za pomocą wtyczek

Divi jest potężnym narzędziem do tworzenia stron internetowych, ale wtyczki mogą przenieść Twoją witrynę na wyższy poziom. Wtyczki dodają dodatkową funkcjonalność i mogą rozszerzyć i tak już niesamowite możliwości Divi. Prawdą jest, że Divi oferuje szeroką gamę funkcji, ale mogą być potrzebne określone funkcje, których Divi nie ma jeszcze wbudowanych.

Oto kilka przykładów wtyczek, które możesz dodać (lub powinieneś), aby zapewnić bezpieczeństwo swojej witryny, jej szybkie działanie lub poprawić SEO:

  • Wtyczki formularzy kontaktowych: Uprość sposób, w jaki odwiedzający kontaktują się z Tobą, dodając przyjazną dla użytkownika wtyczkę formularza kontaktowego, taką jak WP Forms
  • Wtyczki e-commerce: Przekształć swoją witrynę WordPress w sklep internetowy za pomocą wtyczki e-commerce, takiej jak WooCommerce lub Easy Digital Downloads
  • Wtyczki SEO: Zoptymalizuj swoją witrynę pod kątem wyszukiwarek, aby poprawić ruch organiczny. Wtyczka SEO, taka jak Rank Math, może pomóc w badaniu słów kluczowych, SEO na stronie i generowaniu mapy witryny
  • Wtyczki mediów społecznościowych: Ułatw odwiedzającym udostępnianie Twoich treści za pomocą wtyczki mediów społecznościowych, takiej jak Monarch lub Blog2Social
  • Wtyczki zabezpieczające: Większość zarządzanych hostów WordPress zapewnia to za Ciebie, ale przy wyborze innego typu hostingu może być konieczne zainstalowanie wtyczki zabezpieczającej. Wybierz dobrą opcję, taką jak Solid Security lub Dziennik aktywności WP

Integracja usług stron trzecich

Integracje Divi

Wiele wtyczek i narzędzi łączy Twoją witrynę Divi z popularnymi usługami stron trzecich. Divi oferuje dziesiątki integracji z popularnym oprogramowaniem do marketingu e-mailowego, narzędziami analitycznymi i wtyczkami bramek płatniczych. Oto kilka z nich do rozważenia:

  • Wtyczki marketingowe: Zintegruj WordPress z wtyczkami marketingowymi, takimi jak Active Campaign, wyświetlaj wyskakujące okienka za pomocą Bloom, twórz witrynę z podcastami za pomocą Serively Simple Podcasting i nie tylko
  • Wtyczki analityczne: Zdobądź cenne informacje na temat ruchu w swojej witrynie dzięki wtyczkom analitycznym, takim jak MonsterInsights
  • Wtyczki członkowskie: Stwórz potężną witrynę członkowską za pomocą wtyczki takiej jak MemberPress
  • Wtyczki do systemu zarządzania nauczaniem (LMS): Stwórz stronę internetową z kursami online z integracją z popularnymi wtyczkami LMS, takimi jak LifterLMS lub LearnDash

Poznaj rynek Divi

Rynek Divi

Istnieją setki rozszerzeń, motywów podrzędnych i pakietów układów zaprojektowanych specjalnie do współpracy z Divi, rozszerzających jego podstawową funkcjonalność i oferujących jeszcze większą elastyczność projektowania. Oprócz pakietów Divi Layout Pack użytkownicy Divi mogą znaleźć bogactwo produktów na Divi Marketplace. Istnieją niesamowite produkty głównych programistów, takich jak Divi Life, Divi Pixel i Divi Engine.

Nakładki Divi

Divi Overlays to najlepszy kreator wyskakujących okienek dla Divi. Wykorzystuje Visual Builder do tworzenia niesamowitych wyskakujących okienek i modułów modalnych. Wyskakujące okienka mogą być uruchamiane w określonym czasie, uruchamiane na określonych stronach lub konfigurowane jako zamiar wyjścia, aby zachęcić odwiedzających do działania. Najlepsza część? Divi Overlays zawiera wstępnie zaprojektowane szablony, które można łatwo zaimportować i dostosować tak, aby pasowały do ​​marki Twojej witryny. Wtyczka jest dostępna za 79 USD i zapewnia nieograniczone korzystanie z witryny przez rok.

Zdobądź nakładki Divi

Divi Pixel

Divi Pixel to zbiór modułów Divi, który dodaje szeroką gamę zaawansowanych funkcji do Divi. Za ich pomocą możesz edytować każdy aspekt swojej witryny, w tym nagłówki, stopki, strony logowania i inne. Oprócz modułów Divi Pixel zawiera 40 unikalnych szablonów stron internetowych, dzięki czemu zmiana wyglądu witryny jest dziecinnie prosta. Divi Pixel jest dostępny za 169 dolarów rocznie przy nieograniczonym korzystaniu ze strony internetowej.

Kup Divi Pixela

Filtr Divi Ajax

Divi Ajax Filter to rozszerzenie Divi zaprojektowane do tworzenia filtrów dla treści, takich jak posty na blogu, portfolio lub produkty WooCommerce, bezpośrednio w Visual Builderze. Pozwala na różne opcje filtrowania, w tym kategorie, tagi, pola niestandardowe i atrybuty produktu. Divi Ajax Filter wykorzystuje technologię Ajax, która umożliwia aktualizację treści bez konieczności ponownego ładowania całej strony. Działa bezproblemowo z Divi, WooCommerce i Advanced Custom Fields (ACF). Filtr Divi Ajax jest dostępny za 97 USD rocznie przy nieograniczonym korzystaniu z witryny.

Pobierz filtr Divi Ajax

Divi specjalizuje się w tworzeniu profesjonalnych stron internetowych

Dzięki Divi każdy, niezależnie od doświadczenia, może stworzyć piękną, profesjonalną stronę internetową. Dzięki intuicyjnemu kreatorowi wizualnemu typu „przeciągnij i upuść”, rozbudowanej bibliotece gotowych układów i potężnemu kreatorowi motywów, Divi jest w stanie ożywić Twoją wizję. W tym poście udostępniliśmy Ci wszystkie informacje potrzebne do stworzenia strony internetowej Divi. Od zakupu planu hostingowego w SiteGround po planowanie struktury witryny i projektowanie urzekających stron za pomocą Divi AI, masz teraz wiedzę niezbędną do rozpoczęcia podróży w zakresie tworzenia witryny internetowej.

Pamiętaj, że Divi oferuje szeroką gamę elementów projektowych do odkrycia. Nie bój się eksperymentować, dostosowywać i uwalniać swoją kreatywność. Dostępnych jest wiele zasobów online, od bloga Elegant Themes po stronę z dokumentacją Divi. Z Divi u boku możliwości są nieograniczone.

Chcesz dowiedzieć się więcej o produktach wymienionych w tym poście? Sprawdź poniższą tabelę, aby zapoznać się z cenami i linkami do każdego z nich.

Wspomniane produkty Cena wywoławcza Opis Działanie
1 Tanie imię 5,98 USD rocznie Rejestrator domen Dostawać
2 SiteGround 2,99 USD/miesiąc Dostawca hostingu Dostawać
3 Koło zamachowe 13 USD miesięcznie Zarządzany dostawca hostingu Dostawać
4 Chmury 12 USD/miesiąc Zarządzany dostawca hostingu Dostawać
5 Możliwość wciśnięcia 37,50 USD/miesiąc (rozliczane rocznie) Zarządzany dostawca usług hostingowych Dostawać
6 Divi 89 USD rocznie Motyw WordPressa Dostawać
13 Konstruktor wizualny W zestawie z Divi Wtyczka do tworzenia stron Dostawać
14 Elementy wystroju W zestawie z Divi Wtyczka do tworzenia stron Dostawać
16 Kreator motywów W zestawie z Divi Pełna edycja witryny Dostawać
15 Divi AI 16,08 USD/miesiąc (rozliczane rocznie) Kreator stron internetowych AI Dostawać
17 Chmura Divi 6 USD/miesiąc Magazyn w chmurze Dostawać
18 Zespoły Divi 1,50 USD miesięcznie na użytkownika Praca drużynowa Dostawać
19 Divi VIP 6 USD/miesiąc Wsparcie VIP-a Dostawać
20 Formularze WP 49,50 USD rocznie Wtyczka Formularz kontaktowy Dostawać
21 WooCommerce Bezpłatne, dostępne dodatki Wtyczka e-commerce Dostawać
22 Łatwe pobieranie cyfrowe Bezpłatnie, 89,55 USD rocznie Wtyczka e-commerce Dostawać
23 Ranking matematyki Bezpłatnie, 6,99 USD miesięcznie Wtyczka SEO Dostawać
24 Monarcha W zestawie z Divi Wtyczka mediów społecznościowych Dostawać
25 Blog2Społecznościowe 7 USD/miesiąc Wtyczka mediów społecznościowych Dostawać
26 Solidne bezpieczeństwo 99 USD rocznie Wtyczka bezpieczeństwa Dostawać
27 Aktywna kampania 8 USD miesięcznie Usługa marketingu e-mailowego Dostawać
28 Kwiat W zestawie z Divi Wtyczka marketingowa Dostawać
29 Spostrzeżenia potworów Bezpłatnie, 99,60 USD rocznie Wtyczka analityczna Dostawać
30 CzłonekPress 179,50 USD rocznie Wtyczka członkostwa Dostawać
31 PodnośnikLMS 149,50 USD rocznie Wtyczka LMS Dostawać
32 Dowiedz sięDash 199 dolarów rocznie Wtyczka LMS Dostawać
32 Rynek Divi Ceny są różne Rozszerzenia, motywy podrzędne i układy dla Divi Dostawać
33 Divi Pixel 169 dolarów rocznie Moduły Divi Dostawać
34 Nakładki Divi 79 USD rocznie Układy, sekcje i moduły Divi Dostawać
35 Filtr Divi Ajax 97 USD rocznie Rozszerzenia Divi Dostawać

Często Zadawane Pytania

Chociaż nasz post na stronie internetowej Divi jest obszerny, nadal możesz mieć kilka pytań bez odpowiedzi. Sprawdź sekcję FAQ poniżej, aby uzyskać odpowiedzi.

Czy muszę wiedzieć, jak kodować, aby korzystać z Divi?
Divi to wizualny kreator stron internetowych, więc znajomość kodowania nie jest wymagana. Możesz zaprojektować i zbudować swoją witrynę internetową, korzystając z narzędzia Visual Builder typu „przeciągnij i upuść”.
Czego potrzebuję, aby zacząć korzystać z Divi?
Będziesz potrzebować dostawcy usług hostingowych, takiego jak SiteGround, nazwy domeny od rejestratora, takiego jak Namecheap, i członkostwa w Elegant Themes.
Ile kosztuje zbudowanie strony internetowej za pomocą Divi?
Koszt zależy od Twojego planu hostingowego i licencji Divi. Eleganckie motywy oferują roczne i dożywotnie subskrypcje już od 89 USD rocznie . Plany hostingowe różnią się w zależności od dostawcy, a plany w SiteGround zaczynają się od 2,99 USD miesięcznie .
Czy Divi to dobry wybór dla początkujących?
Tak, przyjazny interfejs użytkownika Divi sprawia, że ​​jest to świetna opcja dla początkujących, którzy nie mają doświadczenia w kodowaniu.
Czym są pakiety układów Divi?
Divi zawiera ponad 2000 gotowych pakietów układów dla różnych typów witryn internetowych. Z łatwością dostosujesz je do swoich potrzeb.
Czy mogę dostosować projekt mojej strony internetowej Divi?
Tak, Divi oferuje szerokie możliwości projektowania. Możesz kontrolować czcionki, kolory, odstępy i inne parametry dla każdego modułu projektu w swojej witrynie. Usprawnia przepływ pracy, oszczędzając mnóstwo czasu i wysiłku.
Czy Divi współpracuje z wtyczkami?
Tak, Divi jest kompatybilny z większością wtyczek WordPress. Dzięki temu możesz rozszerzyć funkcjonalność swojej witryny o takie funkcje, jak formularze kontaktowe, optymalizacja SEO i e-commerce. Divi ma również rozbudowany rynek, na którym można kupić wtyczki stworzone specjalnie dla Divi.
Czy mogę tworzyć niestandardowe typy postów za pomocą Divi?
Sam Divi nie oferuje wbudowanej funkcjonalności dla niestandardowych typów postów, ale można to osiągnąć za pomocą wtyczek takich jak zestaw narzędzi, który płynnie integruje się z motywem.
Jak zoptymalizować moją witrynę Divi pod kątem wyszukiwarek?
Chociaż Divi nie zajmuje się bezpośrednio SEO, możesz użyć wtyczki SEO, takiej jak Rank Math, aby zoptymalizować zawartość swojej witryny i poprawić ranking wyszukiwania.
Czy Divi jest dobre dla witryn e-commerce?
Tak, Divi można używać do tworzenia witryn e-commerce za pomocą wtyczki WooCommerce, która płynnie integruje się z Divi. W rzeczywistości Divi zawiera ponad 20 modułów specyficznych dla WooCommerce, dzięki czemu możesz tworzyć niestandardowe strony produktów, szablony koszyków i kas i nie tylko.