Divi Layouts AI: kompletny przewodnik

Zanim rozpoczęła się rewolucja w zakresie sztucznej inteligencji (AI), zbudowanie strony internetowej wymagało umiejętności kodowania lub zatrudnienia drogiego programisty. Dla niektórych było to zazwyczaj poza zasięgiem ze względu na brak doświadczenia lub budżetu. Wszystko to uległo zmianie dzięki nowej technologii, która umożliwia tworzenie całych stron internetowych za pomocą podpowiedzi tekstowej.

Ten post będzie służyć jako przewodnik Divi Layouts AI, który pokaże Ci tajniki tego ekscytującego nowego produktu. Wyjaśnimy, co robi, jak działa i jak łatwo tworzyć wspaniałe strony internetowe.

Zanurzmy się.

Co to jest sztuczna inteligencja Divi Layouts?

Divi Layouts AI to nowy produkt, który wprowadziliśmy na rynek i działa z naszym flagowym motywem WordPress, Divi. Połączona moc Divi i Divi AI sprawia, że ​​jest to jeden z najlepszych narzędzi do tworzenia stron internetowych AI dostępnych obecnie na rynku. Może tworzyć całe strony, pomagać w udoskonalaniu istniejącej kopii, generować obrazy i dodawać kod, a wszystko to za pomocą podpowiedzi tekstowej. Divi Layouts AI może również tworzyć strony dopasowane do Twojej marki, umożliwiając dostarczanie kolorów i czcionek. Dzięki temu każda wygenerowana strona będzie za każdym razem miała spójny wygląd.

Zdobądź Divi AI

Jak działa sztuczna inteligencja Divi Layouts?

Divi Layouts AI jest wbudowana bezpośrednio w platformę Divi i płynnie współpracuje z Visual Builderem. Dzięki głębokiemu zrozumieniu bazy kodu Divi może uczyć się z Twojej witryny. Rozumie, jak działa każda linia kodu i moduł projektowy, dzięki czemu łatwo jest tworzyć piękne układy. Divi Layouts AI działa jak projektant, programista i fotograf w jednym.

Podajesz prosty monit tekstowy opisujący typ strony, której potrzebujesz, a Divi Layouts AI utworzy całą stronę internetową, zawierającą tekst i obrazy, wraz z modułami projektowymi Divi. Pomija początkowy etap planowania i budowania struktury strony internetowej, zapewniając przewagę w procesie projektowania.

Tworzenie kompletnej strony internetowej za pomocą Divi Layouts AI

Aby rozpocząć korzystanie z Divi Layouts AI, musisz kupić członkostwo Elegant Themes wraz z Divi AI. Jeśli jesteś już członkiem, możesz pominąć proces rejestracji subskrypcji i zakupić Divi AI osobno. Jest dostępny za 17,04 USD miesięcznie (w przypadku płatności miesięcznej) lub 153 USD rocznie .

W tym przewodniku Divi Layouts AI przeprowadzimy Cię przez kroki potrzebne do stworzenia strony internetowej z AI, od początkowego utworzenia strony po udoskonalenie wyników.

Krok 1: Zakup Divi Layouts AI

Zacznij od odwiedzenia głównej witryny Elegant Themes i przejścia do strony Divi AI. Możesz zarejestrować się w Divi + Divi AI lub zdecydować się na Divi AI jako samodzielny produkt (jeśli już korzystasz z Divi). Kliknij ZAPISZ SIĘ DZIŚ! przycisk, aby kontynuować.

W przypadku tego postu założymy, że jesteś już członkiem Elegant Themes. Po kliknięciu przycisku rejestracji zostaniesz poproszony o zalogowanie się na konto Elegant Themes.

Po zalogowaniu zostaniesz przekierowany na stronę rejestracjiDivi AI , gdzie możesz dodać dodatkowe usługi, takie jak Divi Cloud, Divi VIP lub Divi Teams.Jeśli kontynuujesz bez dodatkowych zakupów, kliknij NIE, DZIĘKUJĘ, PRZEJDŹ DO KASY .

Zakończ zakup, wprowadzając dane swojej karty kredytowej. Jeśli masz kartę w pliku, po prostu kliknij przycisk KUP DIVI AI .

Po dokonaniu zakupu możesz wyświetlić informacje o subskrypcji Divi AI, klikając Konto > Subskrypcje. Aby korzystać z Divi AI w instalacji WordPress, będziesz potrzebować klucza API. Dobrym pomysłem jest wygenerowanie unikalnego klucza dla każdej instalacji Divi. Aby to zrobić, kliknij zakładkę Konto i przejdź do opcji Nazwa użytkownika i klucz API .

Po odświeżeniu strony przewiń w dół i kliknij przycisk Wygeneruj nowy klucz API (1). Po wygenerowaniu klucza warto opatrzyć go etykietą (2). Ta praktyka jest szczególnie przydatna, jeśli zamierzasz budować wiele stron internetowych Divi.

Kliknij klucz, aby go skopiować. Musisz aktywować Divi AI w panelu opcji motywu Divi. Przejdź do instalacji WordPress, zaloguj się i przejdź do Divi > Opcje motywu > Aktualizacje .

Wprowadź swoją nazwę użytkownika i skopiowany klucz API, a następnie kliknij przycisk Zapisz zmiany, aby je zapisać.

Krok 2: Utwórz nową stronę

Teraz, gdy dodałeś klucz API, możesz użyć Divi AI do zbudowania strony internetowej. Zacznij od dodania nowej strony do swojej witryny WordPress. Przejdź do Strony > Dodaj nową stronę .

Gdy strona się odświeży, nadaj jej tytuł (1) i kliknij przycisk Użyj Divi Builder (2).

Będziesz miał trzy opcje do wyboru. Możesz zbudować stronę od podstaw, wybrać gotowy układ lub zbudować ją za pomocą sztucznej inteligencji. Wybierz opcję Buduj za pomocą sztucznej inteligencji i kliknij opcję Generuj układ .

Krok 3: Dostarczanie informacji AI Divi Layouts w celu wygenerowania strony internetowej

W tej części naszego przewodnika po AI Divi Layouts przeprowadzimy Cię przez interfejs. Gdy strona zostanie załadowana po raz pierwszy, pojawi się okno dialogowe. Tutaj określisz typ strony, którą chcesz utworzyć (1). Chociaż jest to opcjonalne, dobrym pomysłem jest zapewnienie AI Divi Layouts możliwie jak największej ilości kontekstu. Możesz wpisać swoją misję i propozycję wartości lub po prostu napisać krótki opis tego, do czego służy Twoja witryna (2). Możesz także określić czcionki i kolory, aby dopasować je do marki Twojej firmy (3).

Zlecając Divi Layouts AI wygenerowanie strony, zacznij od opisania swojego produktu lub usługi oraz grupy docelowej. Dzięki temu Divi ma lepsze pojęcie o tym, co wygenerować. Możesz nawet zlecić mu utworzenie atrakcyjnych nagłówków zoptymalizowanych pod kątem SEO. Inne rzeczy do rozważenia to wspomnienie o idealnym kliencie, opisanie kluczowych elementów, które chcesz uwzględnić, i wspomnienie o konkretnych stylach, które lubisz.

Aby ułatwić Ci zadanie, oto krótka lista wskazówek, których należy przestrzegać, aby stworzyć idealną zachętę:

• Przejrzystość jest kluczem: Pisz zachętę w sposób jasny i zwięzły. Im bardziej jesteś szczegółowy, tym lepiej sztuczna inteligencja Divi Layouts może zrozumieć wygląd, do którego dążysz.
• Podaj kontekst: rozważ umieszczenie informacji w opcjonalnym polu Powiedz Divi AI o swojej witrynie. Podaj jak najwięcej ogólnych informacji o swoim produkcie lub usłudze i grupie docelowej.
• Użyj słów kluczowych: uwzględnij odpowiednie słowa kluczowe opisujące Twoją firmę lub usługę. Pomaga to nie tylko Divi AI w pisaniu treści, ale zapewnia optymalizację Twojej strony pod kątem SEO.
• Udoskonalaj i regeneruj: Jedną z najlepszych rzeczy w Divi AI jest to, że możesz wygenerować dowolną liczbę układów. Jeśli Twoja pierwsza próba nie jest tym, czego chcesz, spróbuj ponownie! Możliwości są nieskończone.

Krok 4: Wykorzystanie sztucznej inteligencji Divi Layouts do zbudowania strony

Teraz, gdy już rozumiesz, czym jest Divi Layouts AI i co potrafi, następnym krokiem jest rozpoczęcie procesu generowania strony. W tym samouczku poprosimy Divi o wygenerowanie układu firmy zajmującej się smakołykami dla zwierząt. W pierwszym polu wpisz następujący tekst: Utwórz stronę docelową dla firmy zajmującej się specjalistycznymi przysmakami dla zwierząt. Firma nazywa się Critter Cravings i koncentruje się na całkowicie naturalnych składnikach.

Do pola Powiedz Divi AI o Twojej witrynie dodamy misję, aby zapewnić Divi AI jak najwięcej informacji. Wpisz następujący tekst:

Nasza firma, Critter Cravings, to firma oferująca całkowicie naturalne przysmaki dla zwierząt, znana z robienia pysznych wypieków dla Twojego futrzanego przyjaciela. Każdy smakołyk przygotowujemy starannie, upewniając się, że do naszych receptur trafiają wyłącznie najlepsze, zdrowe składniki. Od chrupiących ciasteczek po przysmaki do żucia – każdy kęs z pewnością będzie powodem szczekania lub miauczenia Twojego najlepszego przyjaciela.

Nasze przysmaki nie zawierają sztucznych dodatków, konserwantów i wypełniaczy, co czyni je zdrowym wyborem dla zwierząt wszelkich kształtów i rozmiarów. W Critter Cravings wierzymy, że każde zwierzę zasługuje na odrobinę przyjemności i jesteśmy dumni, że możemy zapewnić smakołyki, którym właściciele mogą zaufać i które zwierzęta będą uwielbiać.

W obszarze Dostosuj czcionki i kolory możesz określić czcionki i kolory, których chcesz używać na swojej stronie internetowej. Wybierzemy Lato jako czcionkę nagłówka (1) i Open Sans jako czcionkę główną (2). W przypadku kolorów wybierz opcję niestandardową z listy rozwijanej (3). Użyj #000000 dla czcionek nagłówka i treści oraz wybierz #F3764D i #6baaae dla kolorów podstawowych i dodatkowych (4). Na koniec kliknij opcję Generuj układ , aby utworzyć stronę internetową (5).

Divi AI utworzy model szkieletowy po kliknięciu przycisku Generuj, zastosuje czcionki i kolory oraz wygeneruje tekst i obrazy.

Krok 5: Dostrajanie i dostosowywanie

Następny krok w naszym przewodniku Divi Layouts AI pokaże Ci, jak udoskonalić swój układ. Divi AI wykonuje świetną robotę, tworząc piękne strony, ale czasami możesz chcieć wprowadzić zmiany.

Generowanie obrazów za pomocą Divi AI

Zacznijmy od zregenerowania obrazu dla naszej sekcji bohatera. Najedź kursorem na obraz główny i kliknij szarą ikonę ustawień , aby wyświetlić ustawienia modułu obrazu.

Gdy wyskakujące okienko modułu jest aktywne, najedź kursorem na podgląd obrazu i kliknij przycisk AI .

Pojawi się kilka opcji: generuj za pomocą sztucznej inteligencji, edytuj za pomocą sztucznej inteligencji (gdzie możesz modyfikować, rozszerzać i wypełniać, ulepszać lub ulepszać swój obraz), generować i zastępować obraz, zmieniać styl obrazu lub ulepszać obraz. Wybierzmy opcję Generuj i zamień .

Divi AI automatycznie wygeneruje 4 nowe obrazy dla bohatera na podstawie oryginału. Można jednak także wygenerować nowy obraz, co pozwala dodać nowy monit, określić rozmiar obrazu i nie tylko. Możesz wybierać spośród 12 stylów, w tym zdjęć, renderowania 3D, rysunków i innych.

W tym przewodniku Divi Layouts AI wybierzemy zdjęcie jako styl (1), dodamy krótki opis (2), wybierzmy proporcje poziome (3) i klikniemy Generuj (4). Jako podpowiedzi użyliśmy zdjęcia kochającego i lojalnego psa, którego oczy błyszczą z niecierpliwości, gdy delektuje się każdym kęsem soczystego, rozpływającego się w ustach, upieczonego przysmaku . Możesz podać dowolną ilość szczegółów, maksymalnie 200 znaków. Jeśli masz trudności z wymyśleniem podpowiedzi, zapoznaj się z naszym postem na temat najlepszych generatorów podpowiedzi AI, które pomogą Ci wymyślić pomysły.

Gdy Divi AI wygeneruje 4 obrazy, możemy kliknąć jeden i wybrać użycie tego obrazu (1), aby wstawić go do modułu. Możesz także wygenerować cztery kolejne (2), zmodyfikować obraz, generując więcej podobnych do wybranego (3) lub wprowadzić nowy opis (4), aby zacząć od nowa.

Udoskonalanie tekstu za pomocą Divi AI

Kolejną wspaniałą cechą Divi AI jest możliwość udoskonalania tekstu. Zacznij od kliknięcia szarej ikony ustawień w module tekstowym bezpośrednio pod nagłówkiem w sekcji głównej.

Kliknij przycisk AI w module tekstowym, aby wyświetlić opcje AI.

Spowoduje to wyświetlenie szeregu opcji edycji istniejącego tekstu. Opcje obejmują pisanie za pomocą sztucznej inteligencji, ulepszanie za pomocą sztucznej inteligencji, pisanie i zastępowanie oraz inne opcje edycji tekstu za pomocą Divi AI.

Wybierzmy ulepszenie za pomocą sztucznej inteligencji w tym przewodniku AI Divi Layouts. Pojawi się okno dialogowe, w którym możesz wybrać typ treści (1), o czym piszesz (2) i czy chcesz, aby Divi AI zastosował dodany kontekst z zawartości strony (3). Możesz także kliknąć przycisk AI (4), aby Divi AI wygenerował monit.

Niezależnie od tego, jaki rodzaj treści chcesz wygenerować, Divi AI sobie z tym poradzi.

Generowanie kodu za pomocą Divi AI

Kolejną ogromną zaletą Divi AI jest możliwość generowania kodu. Trenuje wyłącznie na bazie kodu Divi, co czyni go wyjątkowym na tle innych dużych modeli językowych. To sprawia, że ​​Divi i Divi AI są potężnym narzędziem dla wszystkich typów użytkowników, od początkujących po doświadczonych programistów. Możesz także użyć Divi AI do zbudowania biblioteki fragmentów kodu, pomocy z istniejącym kodem i dodania wszelkiego rodzaju efektów, w tym animacji tekstu. Na przykład, jeśli chcesz dodać efekt maszyny do pisania do głównego nagłówka naszej strony, Divi AI z łatwością sobie z tym poradzi.

Aby rozpocząć korzystanie z Divi AI do kodowania, po prostu otwórz ustawienia modułu, przejdź do zakładki Zaawansowane (1), otwórz menu rozwijane Niestandardowy CSS (2) i kliknij przycisk AI (3).

Gdy pojawi się okno dialogowe, po prostu wpisz efekt, który chcesz utworzyć (1) i kliknij przycisk generowania kodu (2). W naszym przykładzie użyjemy zachęty, aby nadać nagłówkowi efekt maszyny do pisania .

Divi AI wygeneruje i zastosuje kod z selektorami i doda go do dowolnego pola CSS. Kliknij przycisk Użyj tego kodu, aby zaimplementować kod.

Krok 6: Zapisywanie strony internetowej

Po wygenerowaniu układu i wprowadzeniu udoskonaleń dostosowanych do Twoich potrzeb, ostatnim krokiem w naszym przewodniku Divi Layouts AI jest zapisanie strony. Na szczęście Divi ułatwia tę część. Przy aktywnym narzędziu Visual Builder najedź kursorem na fioletowe menu z wielokropkiem na środku u dołu ekranu.

Możesz zapisać stronę jako wersję roboczą lub opublikować ją za pomocą odpowiedniego przycisku w prawym dolnym rogu ekranu.

Oto ostateczny wygląd naszego układu po wygenerowaniu układu i wprowadzeniu kilku zmian:

Przykłady AI układów Divi

Zanim zakończymy, dodaliśmy kilka układów i podpowiedzi tekstowych, aby pokazać Ci najwyższą moc Divi AI.

Podpowiedź: utwórz stronę docelową zawierającą wypożyczalnie skuterów śnieżnych, pakiety i atrakcje. Używaj kolorowych skuterów śnieżnych, górskich krajobrazów i puszystego białego śniegu

Podpowiedź: utwórz stronę kontaktową dla firmy zajmującej się myciem pod ciśnieniem. Dołącz mapę, sekcję główną z obrazem tła oraz trzy informacje o telefonie, e-mailu i adresie.

Podpowiedź: Utwórz stronę sklepu dla szkółki roślin. Dołącz sekcję usług, formularz kontaktowy, sekcję polecanych produktów z cenami oraz atrakcyjną wizualnie sekcję główną z żywym obrazem tła. Dołącz notkę informującą o bezpłatnej dostawie, nadchodzących wydarzeniach sprzedażowych i roślinę miesiąca.

Podpowiedź: Utwórz stronę z informacjami dla firmy świadczącej usługi IT. Dołącz sekcję opisującą usługi, propozycję wartości, misję i formularz kontaktowy. W stopce umieść także zapis na newsletter. Dodaj dużą sekcję główną z obrazem tła i nagłówkiem ze słowem kluczowym „cyberbezpieczeństwo”

Podpowiedź: utwórz stronę docelową pobliskiej siłowni. Dołącz ofertę nowego członka do bohatera wraz ze zdjęciem sprzętu do ćwiczeń. Dołącz także sekcję „o nas”, wymień każdą usługę i dołącz formularz zapisu do newslettera.

Podpowiedź: Utwórz stronę menu dla lokalu z burgerami. Dołącz zdjęcia pysznych potraw, menu, sekcję zamówień online i stopkę z zapisem do newslettera

Podpowiedź: Utwórz stronę z kursami edukacyjnymi online. Zaprezentuj 6 zajęć z projektowania graficznego, projektowania stron internetowych, tworzenia stron internetowych, tworzenia aplikacji, prototypowania i UX/UI. Zaprezentuj także ceny dla każdej klasy, bohatera ze zdjęciem w tle i formularz logowania dla zarejestrowanych użytkowników.

Podpowiedź: utwórz stronę docelową dla firmy zajmującej się naprawą samochodów. Spraw, aby motyw był ciemny, z akcentami czerwieni. Dołącz sekcję główną z czarno-białym zdjęciem samochodu w tle, dużym nagłówkiem ze słowem kluczowym „Naprawa samochodowa” oraz galerią obrazów. Dołącz także sekcję usług, sekcję czym się zajmujemy i sekcję wezwania do działania.

Jakie są zalety korzystania ze sztucznej inteligencji Divi Layouts?

Jak wykazaliśmy w naszym przewodniku Divi Layouts AI, tworzenie stron internetowych ze sztuczną inteligencją jest łatwe, szybkie i intuicyjne. Pomaga początkującym i doświadczonym projektantom tworzyć układy szybciej niż zwykle potrzeba do zaprojektowania jednego od zera. To także świetny sposób na inspirowanie kreatywności, ponieważ Divi AI może generować obrazy, tekst i kod, co stanowi doskonały punkt wyjścia. Kolejną zaletą Divi AI jest to, że możesz generować nieograniczoną liczbę zdjęć, tekstu, kodu i układów bez ograniczeń użytkowania. Divi AI jest także idealnym towarzyszem każdej witryny Divi, ponieważ rozumie Divi do głębi. Ostatecznie Divi AI to niesamowity kreatywny asystent, który może usprawnić proces tworzenia układu, oszczędzając cenny czas i wysiłek.

Divi Layouts AI zrewolucjonizuje sposób korzystania z Divi

Divi to najpopularniejszy, bogaty w funkcje motyw WordPress. Niezależnie od tego, czy chcesz projektować strony internetowe od zera, czy skorzystać z gotowego układu, Divi zapewnia narzędzia, aby to zrobić. Dzięki wprowadzeniu Divi Layouts AI możesz tworzyć pełne strony internetowe za pomocą tylko podpowiedzi tekstowej. Cały proces tworzenia nowej strony aż do jej uruchomienia jest niesamowicie usprawniony, co pozwala na stworzenie pięknych, skutecznych stron docelowych w ciągu kilku minut. Dzięki Divi + Divi AI możesz używać front-endowego narzędzia Visual Builder bez kodu do generowania obrazów, tekstu, kodu i pełnych układów w ciągu kilku minut, dzięki czemu możesz poświęcić czas na skupienie się na innych aspektach swojej firmy. Dzięki Divi niebo jest granicą tego, co możesz stworzyć.

Zdobądź Divi AI

Często Zadawane Pytania