Panoramica del tema dell'app Divi per bambini

Divi App è un tema figlio per Divi progettato per gli sviluppatori di app mobili. Ha un design a una pagina con un menu ancorato alle varie sezioni. Immagini, blurb e CTA funzionano alla grande per presentare le varie funzionalità dell'app e indirizzare il traffico attraverso la canalizzazione di vendita. In questo articolo, esamineremo le funzionalità del tema figlio di Divi App per aiutarti a decidere se è il tema figlio giusto per le tue esigenze.

Installazione del tema figlio dell'app Divi

L'installazione del tema figlio dell'app Divi è semplice. Funziona come qualsiasi tema WordPress e il contenuto viene importato con un solo clic. Con Divi attivato, carica e attiva Divi App nel menu dei temi di WordPress.

Una volta attivato il tema figlio, vedrai una nuova voce di menu aggiunta alla dashboard chiamata Import Demo . Fai clic su Easy Import Demo all'interno di questo menu e seleziona gli elementi che desideri importare. Ciò include post, media, menu, homepage, widget e le opzioni del tema Divi. Tutto è selezionato per impostazione predefinita. Tuttavia, non ha post o widget da importare. Consiglio di lasciare tutto controllato. Fare clic su Importa contenuto demo e attendere il completamento dell'importazione. Non uscire da questa schermata.

Vedrai un messaggio che l'importazione è terminata. Il tuo sito web ora avrà l'aspetto della demo, ma con immagini segnaposto invece delle immagini della demo. La homepage e i menu sono già impostati e assegnati. Dovrai solo aggiungere i tuoi contenuti. Questo è il mio modo preferito per installare un tema figlio. L'importazione con un clic è facile e fluida.

Divi App Child Theme Home page

Il tema figlio dell'app Divi è un design di una pagina con una homepage e la navigazione in otto sezioni sulla homepage. Lo esamineremo ogni sezione, una alla volta. Gli elementi includono animazioni slide-in e alcuni stili interessanti. Li indicherò mentre andiamo.

Molti dei moduli includono classi CSS per modellarli e per garantire che funzionino perfettamente con i dispositivi mobili. Le classi sono definite nel foglio di stile CSS. Il CSS nel foglio di stile è commentato bene e include anche un sommario, quindi è facile da personalizzare se hai familiarità con i CSS.

Sezione Eroi

La sezione eroe include uno sfondo sfumato con un'immagine segnaposto. Sulla sinistra c'è un titolo, una descrizione e due pulsanti che creano un CTA. Sulla destra c'è un'immagine segnaposto in cui puoi inserire uno screenshot dell'app per attirare l'attenzione sul CTA.

Caratteristiche

La sezione Caratteristiche del tema figlio dell'app Divi introduce il pubblico alla tua app a partire da un titolo, una breve descrizione e un'immagine grande. I blur con stile mostrano le icone e funzionano alla grande per descrivere caratteristiche specifiche. Ciascuno degli elementi scorre in posizione indipendentemente da entrambi i lati e dalla parte inferiore dello schermo.

Tre righe in un layout alternato forniscono maggiori dettagli con un'immagine su un lato e una descrizione sull'altro. Le descrizioni includono icone e funzionano come punti elenco. Le prime due immagini sono in modalità verticale mentre la terza è in layout orizzontale. La prima e l'ultima hanno uno sfondo rosa mentre la riga centrale è bianca. Questo aiuta a creare una certa differenza visiva tra di loro. L'ultimo ha angoli arrotondati per l'immagine, conferendogli un design ancora più unico.

Galleria

La galleria fornisce un modo per visualizzare schermate dell'app. Quattro immagini si posizionano in un'unica riga mentre scorri fino a questa sezione. Sono alti e stretti, dando una forma che corrisponde a uno smartphone in modalità verticale, il che è ottimo per gli screenshot dell'app. Lo sfondo circostante è nitido, consentendo all'occhio di mettere a fuoco le immagini senza distrazioni.

Prezzi

La sezione dei prezzi del tema figlio dell'app Divi include più righe che forniscono informazioni in modi diversi.

Le tabelle dei prezzi vengono visualizzate in tre diverse dimensioni con la più popolare al centro. Le taglie corrispondono alla raccomandazione, con la più grande che è la più consigliata. Si sovrappongono allo sfondo sfumato con il suo divisore angolato e includono un'ombra a scatola in modo che si distinguano dallo sfondo e l'uno dall'altro. I colori per i caratteri e i pulsanti corrispondono sulle due tabelle esterne, mentre risalta la tabella centrale. Passare il mouse su un tavolo lo porta in primo piano.

Il CTA visualizza una piccola immagine su un lato con informazioni e due pulsanti sull'altro. I pulsanti sono segnaposto per le immagini dei vari app store.

Le statistiche dell'app vengono visualizzate con contatori numerici su un'immagine di sfondo a larghezza intera.

Testimonianza

La sezione delle testimonianze del tema figlio dell'app Divi mostra tre recensioni degli utenti come schede con un'icona di citazione in stile, un'immagine cerchiata, un testo, un nome e un titolo. I titoli utilizzano i colori di altre sezioni del tema figlio, come lo sfondo nella sezione successiva. Le carte si posizionano mentre si scorre in questa sezione.

FAQ

Le domande frequenti scorrono lateralmente e mostrano le risposte all'interno di interruttori con stile con uno sfondo leggermente più chiaro rispetto alla sezione. Il colore di sfondo corrisponde ad alcuni dei punti salienti di altri elementi nel tema figlio. Include anche un'immagine segnaposto in cui è possibile utilizzare qualsiasi tipo di immagine che si desidera attirare l'attenzione del lettore.

Clienti

La sezione Clienti fornisce un'area a tutta larghezza per visualizzare i loghi dei tuoi clienti. I loghi sono moduli immagine. Vengono visualizzati uno alla volta mentre si scorre in questa sezione.

Contatto

La sezione dei contatti del tema figlio dell'app Divi mostra diversi elementi su uno sfondo rosso che corrisponde alla sezione delle domande frequenti. La prima parte introduce le informazioni di contatto, che include un modulo di contatto con stile e le informazioni di contatto in una riga a due colonne. Le informazioni visualizzano icone e testo in stile. Ogni elemento si ribalta in posizione dal basso.

Una parte della newsletter mostra il titolo e una breve descrizione con un modulo di posta elettronica in stile seguito dalle icone dei social media. Questi elementi svaniscono (o, immagino, non si sbiadiscono) al loro posto.

Menu a tema per bambini dell'app Divi

Il menu include ciascuna delle sezioni principali della homepage. Includono gli ancoraggi per le diverse sezioni come i loro URL, quindi ogni collegamento del menu scorrerà alla sezione quando viene cliccato.

Gli ancoraggi sono già stati aggiunti ai campi ID CSS nella home page. Se modifichi i nomi dei collegamenti del menu, dovrai anche modificare l'ID CSS nella scheda Avanzate della sezione in modo che corrisponda.

Dove acquistare l'app Divi

Puoi acquistare il tema figlio dell'app Divi nel Divi Marketplace per $ 19. Include l'utilizzo illimitato e un anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo al tema figlio dell'app Divi. Questo tema figlio di una pagina ha molti elementi per mostrare le funzionalità della tua app e fornisce diversi CTA in cui i visitatori possono effettuare un acquisto. Molti degli elementi includono classi CSS per modellarli e controllarne l'aspetto sui dispositivi mobili, assicurando che funzioni perfettamente con qualsiasi tipo di dispositivo. È un semplice tema per bambini ad un ottimo prezzo. Se sei interessato a un semplice tema figlio di una pagina per evidenziare le funzionalità della tua app, vale la pena dare un'occhiata all'app Divi.

Vogliamo sentire da voi. Hai provato il tema figlio dell'app Divi? Facci sapere la tua esperienza nei commenti qui sotto.

Immagine in primo piano tramite Julia Tim / shutterstock.com