Übersicht über das Divi App Child-Theme

Divi App ist ein untergeordnetes Thema für Divi, das für Entwickler mobiler Apps entwickelt wurde. Es hat ein einseitiges Design mit einem Menü, das in den verschiedenen Abschnitten verankert ist. Bilder, Klappentexte und CTAs eignen sich hervorragend, um die verschiedenen Funktionen der App zu präsentieren und den Verkehr durch den Verkaufstrichter zu leiten. In diesem Artikel werden wir uns die Funktionen des untergeordneten Themas der Divi-App ansehen, um Ihnen bei der Entscheidung zu helfen, ob es das richtige untergeordnete Thema für Ihre Bedürfnisse ist.

Installieren des untergeordneten Themas der Divi-App

Die Installation des untergeordneten Themas der Divi-App ist einfach. Es funktioniert wie jedes WordPress-Theme und der Inhalt wird mit einem einzigen Klick importiert. Wenn Divi aktiviert ist, laden Sie die Divi-App im WordPress-Themenmenü hoch und aktivieren Sie sie.

Sobald das untergeordnete Thema aktiviert ist, wird dem Dashboard ein neues Menüelement namens Import Demo hinzugefügt. Klicken Sie in diesem Menü auf Easy Import Demo und wählen Sie die Elemente aus, die Sie importieren möchten. Dazu gehören Beiträge, Medien, Menüs, Homepage, Widgets und die Divi-Themenoptionen. Alles ist standardmäßig ausgewählt. Es hat jedoch keine Beiträge oder Widgets zum Importieren. Ich empfehle, alles überprüft zu lassen. Klicken Sie auf Demoinhalt importieren und warten Sie, bis der Import abgeschlossen ist. Navigieren Sie nicht von diesem Bildschirm weg.

Sie sehen eine Meldung, dass Ihr Import abgeschlossen ist. Ihre Website sieht nun wie in der Demo aus, jedoch mit Platzhalterbildern anstelle der Bilder in der Demo. Die Homepage und Menüs sind bereits eingerichtet und zugewiesen. Sie müssen nur Ihre Inhalte hinzufügen. Dies ist meine Lieblingsmethode, um ein Child-Theme zu installieren. Der Ein-Klick-Import ist einfach und reibungslos.

Divi App Child Theme-Startseite

Das untergeordnete Thema der Divi-App ist ein einseitiges Design mit einer Startseite und einer Navigation zu acht Abschnitten auf der Startseite. Wir werden es uns jeden Abschnitt ansehen, einen nach dem anderen. Zu den Elementen gehören Slide-In-Animationen und einige interessante Stylings. Ich werde sie unterwegs hervorheben.

Viele der Module enthalten CSS-Klassen, um sie zu stylen und sicherzustellen, dass sie mit Mobilgeräten gut funktionieren. Die Klassen sind im CSS-Stylesheet definiert. Das CSS im Stylesheet ist gut kommentiert und enthält sogar ein Inhaltsverzeichnis, sodass es leicht angepasst werden kann, wenn Sie mit CSS vertraut sind.

Helden-Sektion

Der Heldenabschnitt enthält einen Hintergrund mit Farbverlauf und einem Platzhalterbild. Auf der linken Seite befinden sich ein Titel, eine Beschreibung und zwei Schaltflächen, die einen CTA erstellen. Auf der rechten Seite befindet sich ein Platzhalterbild, auf dem Sie einen Screenshot der App platzieren können, um auf den CTA aufmerksam zu machen.

Merkmale

Der Abschnitt Funktionen des Divi-App-Unterthemas stellt Ihrem Publikum Ihre App vor, beginnend mit einem Titel, einer kurzen Beschreibung und einem großen Bild. Stilisierte Klappentexte zeigen Symbole an und eignen sich hervorragend, um bestimmte Funktionen zu beschreiben. Jedes der Elemente gleitet unabhängig von beiden Seiten und der Unterseite des Bildschirms an seinen Platz.

Drei Reihen im wechselnden Layout bieten weitere Details mit einem Bild auf der einen Seite und einer Beschreibung auf der anderen Seite. Beschreibungen enthalten Symbole und funktionieren als Aufzählungszeichen. Die ersten beiden Bilder sind im Hochformat, das dritte im Querformat. Der erste und der letzte zeigen einen rosa Hintergrund, während die mittlere Reihe weiß ist. Dies trägt dazu bei, einen visuellen Unterschied zwischen ihnen zu erzeugen. Der letzte hat abgerundete Ecken für das Bild, was ihm ein noch einzigartigeres Design verleiht.

Galerie

Die Galerie bietet eine Möglichkeit, Screenshots der App anzuzeigen. Beim Scrollen zu diesem Abschnitt werden vier Bilder zu einer einzelnen Reihe verschoben. Sie sind groß und schmal und ergeben eine Form, die einem Smartphone im Hochformat entspricht, was sich hervorragend für Screenshots der App eignet. Der umgebende Hintergrund ist klar, sodass sich das Auge ohne Ablenkung auf die Bilder konzentrieren kann.

Preisgestaltung

Der Preisabschnitt des untergeordneten Themas der Divi-App enthält mehrere Zeilen, die auf unterschiedliche Weise Informationen bereitstellen.

Preistabellen werden in drei verschiedenen Größen angezeigt, wobei die beliebtesten in der Mitte stehen. Die Größen entsprechen der Empfehlung, wobei die größte die am meisten empfohlene ist. Sie überlappen den Verlaufshintergrund mit seinem abgewinkelten Teiler und enthalten einen Kastenschatten, damit sie sich vom Hintergrund und voneinander abheben. Die Farben für die Schriftarten und Schaltflächen stimmen auf den beiden äußeren Tabellen überein, während die mittlere Tabelle hervorsticht. Das Schweben über einem Tisch bringt es in den Vordergrund.

Der CTA zeigt auf der einen Seite ein kleines Bild mit Informationen und auf der anderen zwei Schaltflächen. Die Buttons sind Platzhalter für Bilder der verschiedenen App Stores.

App-Statistiken werden mit Zahlenzählern über einem Hintergrundbild in voller Breite angezeigt.

Zeugnis

Der Abschnitt Testimonials für das Divi-App-Kindthema zeigt drei Benutzerbewertungen als Karten mit einem gestalteten Zitatsymbol, einem eingekreisten Bild, Text, Namen und Titel an. Titel verwenden Farben aus anderen Abschnitten des untergeordneten Themas, z. B. dem Hintergrund im nächsten Abschnitt. Die Karten werden beim Scrollen zu diesem Abschnitt angezeigt.

FAQ

FAQs gleiten von der Seite ein und zeigen Antworten innerhalb gestylter Umschalter mit einem etwas helleren Hintergrund als der Abschnitt an. Die Hintergrundfarbe stimmt mit einigen der Hervorhebungen aus anderen Elementen im untergeordneten Thema überein. Es enthält auch ein Platzhalterbild, in dem Sie jede Art von Bild verwenden können, um die Aufmerksamkeit des Lesers auf sich zu ziehen.

Kunden

Der Abschnitt "Kunden" bietet einen Bereich über die gesamte Breite, um die Logos Ihrer Kunden anzuzeigen. Die Logos sind Bildbausteine. Sie werden nacheinander angezeigt, wenn Sie zu diesem Abschnitt scrollen.

Kontakt

Im Kontaktbereich des Divi App Child Themes werden mehrere Elemente auf einem roten Hintergrund angezeigt, der dem FAQ-Bereich entspricht. Der erste Abschnitt stellt die Kontaktinformationen vor, die ein gestaltetes Kontaktformular und Kontaktinformationen in einer zweispaltigen Zeile umfassen. Die Informationen zeigen gestaltete Symbole und Text an. Jedes Element lässt sich von unten einklappen.

Ein Newsletter-Teil zeigt den Titel und eine kurze Beschreibung mit einem gestalteten E-Mail-Formular gefolgt von Social Media Follow-Symbolen an. Diese Elemente verblassen (oder, wie ich schätze, nicht einblenden) an Ort und Stelle.

Divi App Child Theme-Menü

Das Menü umfasst jeden der Hauptbereiche der Homepage. Sie enthalten die Anker für die verschiedenen Abschnitte als URLs, sodass jeder Menülink beim Klicken zum Abschnitt scrollt.

Die Anker sind bereits den CSS-ID-Feldern auf der Homepage hinzugefügt. Wenn Sie die Namen der Menülinks ändern, müssen Sie auch die CSS-ID auf der Registerkarte Erweitert des Abschnitts entsprechend ändern.

Wo kann man die Divi-App kaufen?

Sie können das untergeordnete Thema der Divi-App im Divi-Marktplatz für 19 US-Dollar erwerben. Es beinhaltet unbegrenzte Nutzung und ein Jahr Support und Updates.

Gedanken beenden

Das ist unser Blick auf das untergeordnete Thema der Divi App. Dieses einseitige untergeordnete Design enthält viele Elemente, um die Funktionen Ihrer App zu zeigen, und bietet mehrere CTAs, über die Besucher einen Kauf tätigen können. Viele der Elemente enthalten CSS-Klassen, um sie zu gestalten und zu steuern, wie sie auf Mobilgeräten aussehen, um sicherzustellen, dass sie mit jedem Gerätetyp hervorragend funktioniert. Es ist ein einfaches Kinderthema zu einem günstigen Preis. Wenn Sie an einem einfachen einseitigen Child-Theme interessiert sind, um die Funktionen Ihrer App hervorzuheben, ist Divi App einen Blick wert.

Wir wollen von dir hören. Hast du das Divi App Child Theme ausprobiert? Teilen Sie uns Ihre Erfahrungen in den Kommentaren unten mit.

Ausgewähltes Bild über Julia Tim / shutterstock.com