Divi Matcha Shop Child Theme Panoramica

Il tema figlio Divi Matcha Shop è un tema minimale che ti aiuta a concentrarti sulla vendita dei tuoi prodotti. Include pagine WooCommerce con uno stile che corrisponde al tema figlio. Aggiunge anche pagine semplificate come un blog, contatti e altro. In questo articolo, esamineremo il tema bambino Divi Matcha Shop per aiutarti a decidere se è la scelta giusta per le tue esigenze.

Installazione del tema bambino Divi Matcha Shop

Tutta l'installazione e la configurazione sono manuali. Fortunatamente, questo non è difficile. Chiunque abbia esperienza con Divi non avrà problemi. Il processo di installazione è stato semplice e ha richiesto solo pochi minuti. Le informazioni sono incluse nella pagina di vendita.

Innanzitutto, con Divi attivato, carica e attiva il tema figlio come faresti con qualsiasi tema WordPress. In secondo luogo, attiva il tema figlio. Il tema figlio aggiunge il foglio di stile CSS. Viene fornito con i file per le opzioni del tema, le impostazioni di personalizzazione e i layout. I file sono denominati in base a dove devono essere utilizzati.

Un file zip supplementare è incluso con i file da importare. Include anche layout da caricare nella libreria Divi. Terzo, ora che il tuo tema figlio è attivato, dovrai creare le pagine manualmente. Infine, dovrai anche creare il menu e rimuovere i widget della barra laterale e del piè di pagina predefiniti. In questo esempio, sto importando le opzioni del tema nella schermata Opzioni tema Divi.

Tutti i layout vengono caricati con un clic. Ecco gli allestimenti. Ha disegni per 6 pagine. Dovrai creare le pagine utilizzando i layout e quindi creare il tuo menu. Il tuo sito web assomiglierà quindi alla demo del tema figlio di Divi Matcha Shop. Dovrai solo aggiungere i tuoi contenuti.

Divi Matcha Shop Child Theme Pages

La pagina demo include immagini e icone. Per motivi legali, le immagini e le icone non sono incluse nei file di layout (il che è comprensibile). Per questo motivo, sto usando le immagini della demo (hanno solo un aspetto migliore e danno un'idea migliore di come utilizzare il tema figlio). Questo è comune, ma volevo menzionarlo così saprai perché il tuo sito ha un aspetto diverso da quello in questo articolo.

Divi Matcha Shop Child Theme Home Page

La home page include molti moduli di testo, immagini, pulsanti, contatori di numeri, un modulo video e un modulo di contatto. Ecco la vista wireframe. Diamo un'occhiata a ciascuna sezione del frontend.

La home page mostra uno sfondo a tutta larghezza con testo extra-large che ruota in posizione durante il caricamento della pagina. Un'immagine si sovrappone a questa e alla sezione successiva. Si ingrandisce in posizione mentre la pagina viene caricata. Mi piace come l'attenzione sia sul prodotto in tutta la homepage.

La seconda sezione mostra uno sfondo a tutta larghezza con insiemi di informazioni che funzionano come blurb. Includono immagini (o icone) con un titolo, una descrizione e un collegamento per saperne di più su ciascuno di essi. Questi forniscono informazioni sul prodotto. Le immagini scorrono al loro posto da entrambi i lati dello schermo.

La sezione successiva fornisce spazio per un video incorporato. Il video si sovrappone a due sezioni. Una testimonianza appare sotto il video. Lo sfondo colorato e la grafica per la testimonianza non sono inclusi, ma danno un'idea di come può essere utilizzata la testimonianza.

Viene visualizzato un CTA a tutta larghezza su uno sfondo di parallasse. I contatori di numeri forniscono informazioni. Il testo per l'invito all'azione scorre verso l'alto e i contatori numerici contano mentre si scorre in questa sezione.

Il piè di pagina mostra un modulo di iscrizione alla newsletter a tutta larghezza seguito da una sezione per i loghi. Questi sono ottimi per clienti, certificazioni, marchi con cui sei affiliato o fornisci, ecc. L'immagine accanto al modulo di contatto scorre in posizione mentre scorri fino a questa sezione.

Informazioni sulla pagina

La pagina Informazioni su mostra una sezione del titolo con uno sfondo di parallasse. Utilizza anche le informazioni sul prodotto e le sezioni del logo dalla home page. Questo layout può essere utilizzato per creare una pagina per ogni prodotto se ne fornisci più di uno.

Pagina dei vantaggi

La pagina Vantaggi mostra i vantaggi del prodotto utilizzando la sezione video e testimonianze dalla home page. Il video si sovrappone alla sezione degli eroi di parallasse. Questo layout può essere utilizzato per creare una pagina per ogni prodotto. Puoi anche creare più sezioni per concentrarti su ciascun vantaggio.

Pagina del blog

La pagina del blog ha un design pulito che visualizza i post del blog in 3 colonne. Le carte includono bordi, immagini nella parte superiore, un titolo, meta, estratto e un collegamento in stile per saperne di più. Include anche la sezione del titolo di parallasse e i loghi per il piè di pagina.

Pagina del negozio

La pagina Negozio aggiunge un modulo negozio con 4 colonne. Anche il titolo e il piè di pagina sono inclusi in questa pagina. Quando passi con il mouse sull'immagine di un prodotto, viene visualizzata un'icona verde.

Pagina del prodotto

La pagina del prodotto segue il layout standard di WooCommerce e include uno stile per adattarsi al sito. Include lo stile verde per il prezzo, il pulsante Aggiungi al carrello, la categoria, le valutazioni a stelle nella sezione delle recensioni e l'icona al passaggio del mouse per i prodotti correlati.

Il carrello e le altre pagine di WooCommerce includono anche uno stile verde. Questo esempio mostra il carrello degli acquisti con il nome del prodotto, il pulsante del coupon e il pulsante di pagamento in verde.

Pagina dei contatti

La pagina Contatti include anche l'intestazione e il piè di pagina e aggiunge un modulo di contatto in stile su un'immagine di sfondo.

Divi Matcha Shop Child Theme CSS

Tutto lo stile viene aggiunto al foglio di stile del tema figlio. Se hai familiarità con i CSS, sarà facile per te personalizzare i colori nel foglio di stile. Fortunatamente, non è necessario scavare nei file del tema per apportare le modifiche CSS.

Il CSS viene aggiunto anche alle Opzioni del tema Divi. In alternativa, puoi apportare le modifiche qui nell'opzione del tema. Ciò ti impedisce di dover modificare i file del tema figlio. I CSS aggiunti qui hanno la precedenza sui CSS aggiunti al foglio di stile.

Dove acquistare

Il tema figlio Divi Matcha Shop è disponibile nel Divi Marketplace per $ 29. Include l'utilizzo illimitato e un anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo al tema bambino Divi Matcha Shop di Paper Temple. Questo è un semplice tema figlio che sembra pulito ed elegante. La semplicità è un ottimo modo per concentrarsi sui prodotti. Mi piace particolarmente il design della home page. La pagina dei vantaggi è un ottimo modo per fornire informazioni sul prodotto con video. La pagina Informazioni fa buon uso di schede in stile blurb per aiutare l'acquirente a comprendere meglio i prodotti e i processi. In conclusione, se stai cercando un tema figlio Divi eCommerce semplice e facile da usare, vale la pena dare un'occhiata a Divi Matcha Shop.

Vogliamo sentire da voi. Hai provato il tema bambino Divi Matcha Shop? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Letters-Shmetters / shutterstock.com