Najważniejsza cecha produktu Divi: Rozszerzone układy Divi

Divi Layouts Extended to produkt innej firmy dla Divi, który zawiera ponad 1700 układów importowanych za pośrednictwem niestandardowego pulpitu nawigacyjnego. Obejmują szeroki zakres gatunków i obejmują moduły, sekcje i całe strony. W tym poście przyjrzymy się Divi Layouts Extended, aby pomóc Ci zdecydować, czy jest to właściwy produkt dla Twojego zestawu narzędzi Divi.

Rozszerzona instalacja układów Divi

Instalacja Divi Layouts była prosta. Prześlij go i aktywuj tak samo jak każdą wtyczkę. Aby go przesłać, przejdź do:

1. Wtyczki
2. Dodaj nowe
3. Prześlij wtyczkę
4. Wybierz plik
5. Zainstaluj teraz

Po zainstalowaniu zobaczysz opcję aktywacji wtyczki. Wybierz, aby go aktywować i jest gotowy do użycia.

1. Aktywuj wtyczkę

Aktualizacja: nowy interfejs użytkownika

Zanim zagłębimy się w najważniejsze informacje o produkcie, Divi Extended nadał niedawno Divi Layouts Extended nowy wygląd i styl. Spójrz poniżej, aby zobaczyć, czego możesz się spodziewać po nowym interfejsie użytkownika. Dodali także 200 kolejnych układów do swojej biblioteki, zapewniając jeszcze więcej opcji do wyboru podczas tworzenia witryn internetowych!

Rozszerzony pulpit nawigacyjny Divi Layouts

Do panelu WordPress dodano nowe rozszerzone menu Divi Layouts. Kliknięcie go otwiera nowy pulpit nawigacyjny, w którym możesz wybrać żądane układy. Uważam, że ten pulpit nawigacyjny jest prosty i wysoce intuicyjny.

Zawiera zakładki umożliwiające przeglądanie układów, modułów, sekcji lub stron. Możesz także wyszukiwać dowolne treści i sortować je według popularności, nazwy i daty w kolejności rosnącej lub malejącej. Układy pojawiają się w postaci kart. Możesz wyświetlić podgląd układu lub zapisać go w swojej bibliotece, przewijać większe układy, aby je zobaczyć, i przeglądać układy, aby lepiej się im przyjrzeć. Ten przykład pokazuje kartę Wszystkie, która zawiera moduły, sekcje i strony.

Przewijanie w dół listy umożliwia nawigację, gdzie możesz wybrać stronę lub wybrać opcję Pierwsza lub Ostatnia.

Kliknięcie Podglądu otwiera element na stronie internetowej Divi Layouts Extended. Możesz przewijać układ, klikać wszystkie klikalne elementy, najeżdżać kursorem, aby zobaczyć efekty najechania i zobaczyć układ ze zdjęciami, produktami itp.

Po wybraniu opcji Zapisz w bibliotece układ zostanie zaimportowany, a przycisk zmieni kolor z fioletowego na zielony przycisk Zapisany.

Zobaczysz także układ w swojej bibliotece, gdzie możesz go normalnie używać na swoich stronach, postach i kreatorze motywów Divi. Obejmą one kategorie i typy. W tym przykładzie zapisałem stronę główną. Zawiera kategorię strony głównej i typ układu.

Rozszerzone moduły Divi Layouts

Rozszerzone moduły Divi Layouts zawierają przyciski i suwaki. Przyjrzymy się kilku przykładom.

Rozszerzone przyciski układów Divi

Do wyboru jest 55 przycisków. Tekst przycisku działa jako krótki opis działania przycisku lub jego układu.

Projekty obejmują jednolite kolory, bez kolorów, gradienty, obrazy, tekst, z obramowaniami lub bez, kwadratowe lub zaokrąglone krawędzie, z ikonami lub, z cieniami lub bez, z efektami najechania lub bez i nie tylko. Większość z nich ma się wyróżniać i dobrze się wyróżniają. Szczególnie podobają mi się przyciski z ikonami i efektami najechania.

Rozszerzone suwaki układów Divi

Do wyboru jest 15 suwaków. Są pełnoekranowe i zawierają różne projekty układów i nawigacji. Obejmują one wezwanie do działania, obrazy, tła, produkty, nawigację itp.

Ten przykład pokazuje tło pod kątem, stylizowaną nawigację, obraz, tekst i wezwanie do działania.

Rozszerzone sekcje układów Divi

Istnieje 855 sekcji w 27 różnych kategoriach. Obejmują one sekcje takie jak Informacje, blog, wezwania do działania, logo klientów, nagłówki, stopki, górne paski, liczniki liczb, referencje, sekcje bohaterów, galerie, usługi i wiele innych.

Nagłówki

Zawiera 130 nagłówków. Obejmują menu, ikony mediów społecznościowych, pola wyszukiwania, klikalne numery telefonów, wezwania do działania, stylizowane menu rozwijane i wiele innych. Wiele z nich zawiera górny pasek.

W tym przykładzie pokazano nagłówki 127-129. Obejmują one nawigację, ikony społecznościowe, wyszukiwanie, informacje kontaktowe itp.

W tym przykładzie pokazano nagłówki 101–103. Zawierają przyciski CTA z animacjami po najechaniu myszką. Najeżdżę kursorem na menu drugiego nagłówka, aby wyświetlić menu rozwijane.

Blogi

Istnieje 60 sekcji bloga. Obejmują one układy siatki, układy naprzemienne, układy jednokolumnowe, stylizację, efekty najechania kursorem itp. Karty blogów zapewniają wiele opcji stylizacji.

Ten przykład ma układ w stylu magazynu z dwiema kolumnami. Najnowsze wpisy na blogu są wyświetlane w lewej kolumnie i zawierają wyróżnione obrazy, podczas gdy pozostałe są ułożone w prawej kolumnie i zawierają duże przyciski Czytaj więcej.

Ten przykład pokazuje układ siatki z nakładającymi się tytułami i fragmentami. Najechuję kursorem na drugi post, aby pokazać efekt najechania.

Wezwania do działania

Do wyboru jest 38 sekcji wezwań do działania. Mają pełną szerokość i zawierają obrazy, wiadomości, przyciski, formularze, liczniki liczb i inne elementy w wielu typach układów.

Ten przykład pokazuje e-mailowe wezwanie do działania z czerwonymi wyróżnieniami i informacjami kontaktowymi. Numer telefonu można kliknąć.

Sekcje Bohaterów

Zawiera 60 sekcji bohaterów. Obejmują one wezwania do działania, osadzone filmy, liczniki czasu, obrazy, tła, formularze, notki, posty, produkty i wiele innych. Oto niektóre z moich ulubionych układów w Divi Layouts Extended.

Ten przykład pokazuje wezwanie do działania z wykresem nakładającym się na dwa tła. Tło zawiera kształty w różnych kolorach, które wyróżniają się.

Ten przykład zawiera linki do różnych stron w sklepie. Zawierają jednolite kolory i obrazy z tytułami, przyciskami lub rabatami.

Zespół

Wybieraj spośród 35 układów drużyn. Wyświetlają stylizowane moduły osób na różne sposoby i zawierają pomocniczy tekst, przyciski i inne elementy. Większość z nich jest umieszczona w siatce, ale jest kilka z układami jednokolumnowymi, układami mozaikowymi itp.

Ten przykład pokazuje trzy moduły osób z tekstem, przyciskiem i falistym tłem. Najechanie kursorem na moduł po dowolnej stronie powoduje jego przesuwanie się po przekątnej.

Referencje

Do wyboru jest 25 sekcji z referencjami. Obejmują one układy siatki, układy jednokolumnowe, układy naprzemienne i wiele innych. Obejmują one obrazy tła lub kolor po jednej stronie, różne tła dla modułów referencyjnych, obrazy w kółkach, obrazy w kwadratach itp.

Ten przykład pokazuje obraz po jednej stronie i suwak referencji nakładający się na obraz po drugiej stronie. Suwak zawiera nawigację po prawej stronie.

Oś czasu

Do wyboru jest 5 sekcji osi czasu. Świetnie nadają się do pokazania etapów procesu, osi czasu publikacji itp. Obejmują układy poziome i pionowe.

Ten pokazuje harmonogram produkcji, który świetnie nadaje się do zarządzania projektami. Wyświetla oś czasu z różnymi kolorowymi ikonami, które zmieniają się od góry do dołu. Tekst znajduje się po przeciwnej stronie ikon i zawiera tytuły w tym samym kolorze co ikony.

Teczka

Wybierz jeden z 10 układów portfolio. Oto niektóre z najbardziej eleganckich układów w Divi Layouts Extended. Obejmują kilka projektów tła, w tym obrazy i bloki koloru. Obejmują one kilka układów i projektów kart portfolio. Niektóre zawierają wezwanie do działania lub filtr stylizowany. Pracują dla różnych branż, m.in. przemysłowej, konsumenckiej, sklepów, restauracji, fotograficznej, projektowej itp.

W tym przykładzie sekcja portfolio została wykorzystana do utworzenia menu restauracji. Karty portfolio mają cienie, nakładki i zaokrąglone rogi. Nakładają się na obraz tła. Najeżdżam kursorem na element po prawej stronie, aby wyświetlić nakładkę.

Woo sekcje

Do wyboru jest 30 sekcji Woo. Działają jako wezwania do działania w różnych kategoriach w sklepie i obejmują stylizowane tła, stylizowane obrazy, oferty, liczniki czasu i wiele projektów układów. Świetnie sprawdzą się jako sekcje w układach i jako sekcje główne.

Ten przykład pokazuje stylizowane obrazy z przesuniętymi krawędziami. Obejmują one dwa różne układy w siatce. Działa jako linki do kategorii w sklepie.

Ten przykład zawiera licznik czasu i przycisk umożliwiający obejrzenie sklepu.

Układy Divi Rozszerzone strony

Karta Rozszerzone strony Divi Layouts zawiera 23 typy stron. Obejmują one stronę główną, miejsce docelowe, informacje, już wkrótce, realizację transakcji, ceny, produkty, wyszukiwanie, usługi, projekt, sklep, zespół, referencje, często zadawane pytania, Lookbook, 404 i nie tylko. Używają modułów i sekcji z innych zakładek do tworzenia stron w kilku gatunkach z niestandardową stylizacją dla każdego z nich. Oto kilka przykładów.

Dom

Wybierz jedną z 10 stron głównych do wyboru. Są przeznaczone dla sklepów, agencji, zespołów, nieruchomości, wesel i kilku firm usługowych.

Ten przykład pokazuje pierwszą połowę Divi Concert, która została zaprojektowana dla zespołów i wydarzeń na żywo. Zawiera sekcję bohatera z obrazem tła, wezwaniem do działania i licznikiem liczb. Zawiera także sekcje informacyjne, harmonogram wydarzeń i sekcję dotyczącą zespołu dla członków zespołu.

Druga połowa zawiera plan podróży składający się z dwóch sekcji, w których po jednej stronie znajduje się obraz, a po drugiej notatki. Zawiera także sekcję bloga, tabele cenowe i logo sponsorów.

Lądowanie

Do wyboru jest 40 stron docelowych w kilku gatunkach, z naciskiem na biznes. Należą do nich agencje, konferencje, autorzy, podcasty, seminaria internetowe itp.

To jest strona docelowa podcastu. Zawiera sekcję bohatera z wezwaniem do działania, osadzonym filmem, logo sponsorów i formularzem e-mail. Zawiera także sekcję zawierającą informacje, osadzone pliki audio i hosty.

Lookbook

Do wyboru są 3 strony Lookbooka. Zawierają wiele stylizowanych obrazów w różnych układach, aby tworzyć strony sklepów skupiające się na obrazach.

Ten przykład pokazuje kilka sekcji zdjęć produktów, zawiera licznik czasu i polecane produkty.

Sklep

Do wyboru jest 30 stron sklepu. Prezentują produkty na różne sposoby w siatkach, z dużymi lub małymi obrazami, z paskami bocznymi lub bez, z CTA lub bez.

Ten przykład zawiera pasek boczny z bułką tartą, produktami, kategoriami i tagami. Suwak u góry strony prowadzi do kategorii. Produkty zawierają elementy stylizowane.

Post

Istnieje 25 układów postów na blogu. Wyświetlają elementy postu na różne sposoby. Wybierz układ z paskiem bocznym lub bez niego.

W tym przykładzie wyróżniony obraz jest umieszczany po lewej stronie, a tekst i metadane po prawej stronie na jednolitym tle. Treść jest prezentowana w szerokim układzie jednokolumnowym z nawigacją po postach, tagami i komentarzami.

Wkrótce

Już wkrótce dostępnych będzie 5 stron do wyboru. Obejmują one duży tekst, liczniki czasu, formularze e-mail i ikony śledzenia w mediach społecznościowych.

W tym przykładzie komunikat po lewej stronie jest wyświetlany na obrazie tła. Po prawej stronie znajduje się minutnik, ikony mediów społecznościowych i przycisk formularza e-mailowego, a wszystko to umieszczone na białym tle z zaokrągloną lewą krawędzią.

404

Jest 10 404 stron. Obejmują kombinację grafiki, obrazów, typografii, ikon obserwowania w mediach społecznościowych, informacji kontaktowych, pól wyszukiwania i łącza do strony głównej. Większość zawiera tylko kilka z tych elementów, dzięki czemu są proste i łatwe do zrozumienia.

W przykładzie wykorzystano obraz tła wydarzenia, który świetnie współpracuje ze stroną docelową Divi Concert. Zawiera obraz tła o pełnej szerokości, komunikat o błędzie 404, pole wyszukiwania i ikony społecznościowe.

Gdzie kupić Rozszerzone układy Divi

Divi Layouts Extended jest dostępny na Divi Marketplace za 49 USD. Obejmuje nieograniczone korzystanie z witryny, roczne wsparcie i aktualizacje oraz 30-dniową gwarancję zwrotu pieniędzy.

Kończące przemyślenia na temat układów Divi rozszerzone

Oto nasze spojrzenie na Divi Layouts Extended. W tej wtyczce Divi znajduje się wiele dobrze zaprojektowanych układów. Pulpit nawigacyjny jest łatwy w użyciu i importuje tylko te układy, które chcesz, utrzymując bibliotekę Divi w czystości. Po zaimportowaniu do biblioteki Divi działają tak samo jak każdy układ Divi. Jeśli chcesz rozszerzyć swoją bibliotekę układów Divi, Divi Layouts Extended to świetny wybór do rozważenia.

Chcemy usłyszeć od Ciebie. Czy próbowałeś Divi Layouts Extended? Daj nam znać, co o tym myślisz w komentarzach.