Omówienie motywu potomnego aplikacji Divi

Divi App to motyw potomny dla Divi, który został zaprojektowany dla twórców aplikacji mobilnych. Ma jednostronicowy projekt z menu zakotwiczonym w różnych sekcjach. Obrazy, notki i wezwania do działania świetnie sprawdzają się w prezentowaniu różnych funkcji aplikacji i kierowaniu ruchem przez lejek sprzedaży. W tym artykule przyjrzymy się funkcjom motywu potomnego aplikacji Divi, aby pomóc Ci zdecydować, czy jest to odpowiedni motyw potomny dla Twoich potrzeb.

Instalowanie motywu potomnego aplikacji Divi

Instalacja motywu potomnego Divi App jest prosta. Działa jak każdy motyw WordPress, a zawartość jest importowana jednym kliknięciem. Po aktywacji Divi prześlij i aktywuj aplikację Divi w menu motywów WordPress.

Po aktywowaniu motywu potomnego zobaczysz nowy element menu dodany do pulpitu nawigacyjnego o nazwie Importuj demo . Kliknij opcję Łatwy import w wersji demonstracyjnej w tym menu i wybierz elementy, które chcesz zaimportować. Obejmuje to posty, multimedia, menu, stronę główną, widżety i opcje motywu Divi. Wszystko jest zaznaczone domyślnie. Nie ma jednak żadnych postów ani widżetów do zaimportowania. Polecam wszystko sprawdzić. Kliknij opcję Importuj zawartość demonstracyjną i poczekaj na zakończenie importu. Nie opuszczaj tego ekranu.

Zobaczysz komunikat, że importowanie zostało zakończone. Twoja witryna będzie teraz wyglądać jak wersja demonstracyjna, ale z obrazami zastępczymi zamiast obrazów w wersji demonstracyjnej. Strona główna i menu są już skonfigurowane i przypisane. Musisz tylko dodać swoją treść. To mój ulubiony sposób na zainstalowanie motywu potomnego. Importowanie jednym kliknięciem jest łatwe i płynne.

Strona główna motywu podrzędnego aplikacji Divi

Motyw potomny aplikacji Divi to projekt jednostronicowy ze stroną główną i nawigacją do ośmiu sekcji na stronie głównej. Przyjrzymy się temu w każdej sekcji, po kolei. Elementy zawierają animacje wsuwane i ciekawą stylizację. Wskażę je, gdy będziemy iść.

Wiele modułów zawiera klasy CSS, które nadają im styl i zapewniają doskonałą współpracę z urządzeniami mobilnymi. Klasy są zdefiniowane w arkuszu stylów CSS. CSS w arkuszu stylów jest dobrze skomentowany, a nawet zawiera spis treści, więc łatwo go dostosować, jeśli znasz CSS.

Sekcja bohaterów

Sekcja bohatera zawiera gradientowe tło z obrazem zastępczym. Po lewej stronie znajduje się tytuł, opis i dwa przyciski, które tworzą wezwanie do działania. Po prawej stronie znajduje się obraz zastępczy, na którym możesz umieścić zrzut ekranu aplikacji, aby zwrócić uwagę na wezwanie do działania.

Cechy

Sekcja Funkcje motywu podrzędnego aplikacji Divi przedstawia odbiorcom Twoją aplikację, zaczynając od tytułu, krótkiego opisu i dużego obrazu. Stylizowane notki wyświetlają ikony i świetnie nadają się do opisywania konkretnych funkcji. Każdy z elementów wsuwa się na swoje miejsce niezależnie od boków i dołu ekranu.

Trzy rzędy w układzie naprzemiennym zawierają więcej szczegółów z obrazem po jednej stronie i opisem po drugiej. Opisy zawierają ikony i działają jako punktory. Pierwsze dwa obrazy są w trybie pionowym, a trzeci w układzie poziomym. Pierwszy i ostatni mają różowe tło, a środkowy rząd jest biały. Pomaga to stworzyć między nimi pewną wizualną różnicę. Ten ostatni ma zaokrąglone rogi obrazu, co nadaje mu jeszcze bardziej niepowtarzalny wygląd.

Galeria

Galeria umożliwia wyświetlanie zrzutów ekranu aplikacji. Cztery obrazy zamieniają się w jeden wiersz podczas przewijania do tej sekcji. Są wysokie i wąskie, dzięki czemu mają kształt pasujący do smartfona w trybie pionowym, co świetnie nadaje się do zrzutów ekranu aplikacji. Otaczające tło jest wyraźne, dzięki czemu oko może skupić się na obrazach bez rozpraszania uwagi.

cennik

Sekcja cen motywu potomnego aplikacji Divi zawiera wiele wierszy, które zawierają informacje na różne sposoby.

Tabele cenowe wyświetlają się w trzech różnych rozmiarach, z najpopularniejszą pośrodku. Rozmiary pasują do zaleceń, przy czym największy jest najbardziej polecany. Nakładają się na tło gradientowe za pomocą kątowej przegrody i zawierają cień pudełka, dzięki czemu wyróżniają się z tła i od siebie. Kolory czcionek i przycisków na dwóch zewnętrznych stołach są takie same, a stół środkowy się wyróżnia. Najechanie na stół przenosi go na przód.

CTA wyświetla mały obrazek z jednej strony z informacjami i dwoma przyciskami z drugiej. Przyciski są symbolami zastępczymi obrazów różnych sklepów z aplikacjami.

Statystyki aplikacji są wyświetlane z licznikami liczb na obrazie tła o pełnej szerokości.

Zaświadczenie

Sekcja referencji motywów potomnych aplikacji Divi wyświetla trzy recenzje użytkowników jako karty ze stylizowaną ikoną cytatu, zakreślonym obrazem, tekstem, nazwą i tytułem. Tytuły używają kolorów z innych sekcji motywu potomnego, takich jak tło w następnej sekcji. Karty pojawiają się na miejscu, gdy przewijasz do tej sekcji.

FAQ

Często zadawane pytania pojawiają się z boku i wyświetlają odpowiedzi w stylizowanych przełącznikach z nieco jaśniejszym tłem niż sekcja. Kolor tła pasuje do niektórych wyróżnień z innych elementów w motywie potomnym. Zawiera również obraz zastępczy, w którym możesz użyć dowolnego typu obrazu, który chcesz przyciągnąć uwagę czytelnika.

Klienci

Sekcja Klienci zapewnia obszar o pełnej szerokości do wyświetlania logo Twoich klientów. Logotypy to moduły obrazów. Pojawiają się pojedynczo, gdy przewijasz do tej sekcji.

Kontakt

Sekcja kontaktowa motywu potomnego aplikacji Divi wyświetla kilka elementów na czerwonym tle, które pasuje do sekcji FAQ. Pierwsza część przedstawia informacje kontaktowe, które zawierają stylizowany formularz kontaktowy i informacje kontaktowe w dwukolumnowym rzędzie. Informacje wyświetlają stylizowane ikony i tekst. Każdy element wsuwa się na swoje miejsce od dołu.

Część biuletynu wyświetla tytuł i krótki opis ze stylizowanym formularzem e-mail, po którym następują ikony śledzenia w mediach społecznościowych. Te elementy zanikają (lub, jak sądzę, nie zanikają) na swoje miejsce.

Menu tematyczne aplikacji Divi

Menu zawiera każdą z głównych sekcji strony głównej. Zawierają one kotwice dla różnych sekcji jako ich adresy URL, więc po kliknięciu każde łącze menu przewinie się do sekcji.

Kotwice są już dodane do pól identyfikatorów CSS na stronie głównej. Jeśli zmienisz nazwy linków menu, musisz również zmienić identyfikator CSS na karcie Zaawansowane sekcji, aby pasowały.

Gdzie kupić aplikację Divi

Możesz kupić motyw potomny aplikacji Divi w Divi Marketplace za 19 USD. Obejmuje nieograniczone użytkowanie oraz rok wsparcia i aktualizacji.

Końcowe myśli

Oto nasze spojrzenie na motyw potomny aplikacji Divi. Ten jednostronicowy motyw podrzędny zawiera wiele elementów, które pokazują funkcje Twojej aplikacji i zawiera kilka wezwania do działania, w których odwiedzający mogą dokonać zakupu. Wiele elementów zawiera klasy CSS, które służą do ich stylizowania i kontrolowania wyglądu na urządzeniach mobilnych, zapewniając, że działa świetnie na każdym typie urządzenia. Jest to prosty motyw potomny w doskonałej cenie. Jeśli interesuje Cię prosty, jednostronicowy motyw potomny, aby podkreślić funkcje Twojej aplikacji, aplikacja Divi jest warta obejrzenia.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś motyw potomny aplikacji Divi? Daj nam znać o swoim doświadczeniu w komentarzach poniżej.

Polecane zdjęcie za pośrednictwem Julii Tim / shutterstock.com