Panoramica del tema DiviHvac per bambini

DiviHvac è un tema figlio per Divi progettato pensando alle aziende HVAC. Viene fornito con 12 pagine principali, un'intestazione e un piè di pagina personalizzati, uno slide-in personalizzato, CSS, colori in grassetto e altro ancora. In questo articolo, daremo un'occhiata al tema figlio DiviHvac per aiutarti a decidere se è il tema figlio giusto per le tue esigenze.

Installazione di DiviHvac Child Theme

L'installazione viene eseguita manualmente. Non è difficile da fare e la documentazione sulla pagina del prodotto ti guida attraverso di essa. Con Divi attivato, carica e attiva il tema figlio DiviHvac. Una volta attivato, dovrai decomprimere il file aggiuntivo fornito con il tema figlio e importarli nelle opzioni del tema, nel generatore di temi, nella personalizzazione del tema e nella libreria Divi. Dovrai anche creare il tuo menu e impostare manualmente la tua home page.

Tutti questi passaggi sono semplici, ma richiedono alcuni minuti in più rispetto a una soluzione con un clic. Le istruzioni sono facili da seguire e i file sono etichettati bene, quindi questo aiuta.

DiviHvac Pages

Il tema figlio DiviHvac aggiunge 13 layout per creare le tue pagine. Dovrai crearli manualmente. Includono immagini e immagini segnaposto. Ne esamineremo alcuni.

DiviHvac Child Theme Homepage

La homepage di DiviHvac è complessa e include molti moduli per creare un design elegante. La sezione degli eroi include un modulo di contatto in stile come CTA. I triangoli vengono creati con CSS nei moduli di testo.

Il layout ha un sacco di rosso, bianco e blu in grassetto in tutto. La sezione eroe include un'immagine di sfondo a schermo intero, un messaggio a sinistra con un pulsante per vedere i servizi e un modulo di contatto a destra per richiedere servizi.

Servizi

I servizi sono mostrati con una descrizione dettagliata e immagini come collegamenti alle pagine dei servizi. Le immagini includono sovrapposizioni che rivelano l'immagine al passaggio del mouse. Questa sezione include divisori triangolari negli angoli creati con CSS.

Servizi specifici vengono visualizzati come schede su un'immagine di sfondo. Le carte vengono create con immagini, testo, divisori e pulsanti. Includono un triangolo nell'angolo dell'immagine per mostrare uno sconto.

Una sezione sui vantaggi dell'assunzione dell'azienda mostra le informazioni in punti elenco con un segnaposto per l'immagine di un tecnico al centro. Mi piace l'uso del colore, della tipografia e degli spazi bianchi in questi layout.

Le testimonianze vengono visualizzate accanto a un CTA nitido su un'immagine di sfondo. Includono un bordo in stile per abbinare il sito. Sotto le testimonianze c'è un sottile CTA che si collega a una promozione speciale. Il rosso e il blu si distinguono bene.

Progetti

Una sezione sui progetti passati mostra un'immagine di sfondo a schermo intero con un collegamento alla pagina dei progetti e le immagini in una griglia con un pulsante per vedere il progetto nell'overlay.

I coupon vengono visualizzati come carte con un'immagine di sfondo. Questi sono posizionati su uno sfondo in stile con una sovrapposizione rossa. Questo è un ottimo modo per fornire un incentivo.

La sezione del blog mostra le carte in stile con triangoli negli angoli.

CTA

Successivamente ci sono un CTA a tutta larghezza e una sezione a due colonne con le informazioni di contatto da un lato e una mappa dall'altro. La mappa include gli angoli del triangolo.

DiviHvac Child Theme Pagina Chi siamo

La pagina Chi siamo utilizza molte delle sezioni della home page. Aggiunge una sezione sull'azienda con un'immagine su un lato e del testo sull'altro. Le etichette numerate forniscono informazioni specifiche. Una dichiarazione di intenti corrisponde alle informazioni sull'azienda in un layout alternativo. I loghi dei clienti sono inseriti in una sezione a tutta larghezza con un titolo per distinguersi.

Pagina dei progetti DiviHvac

La sezione di spicco della pagina Progetti è la galleria dei progetti. Il testo e i pulsanti hanno uno stile che si adatta al resto del sito, mentre l'overlay viene rimosso al passaggio del mouse.

Pagina progetto singolo DiviHvac

La pagina Progetto Singolo include una sezione con informazioni, statistiche e immagini del progetto. Include anche un CTA per fissare un appuntamento.

Pagina dei servizi DiviHvac

La pagina Servizi mostra i servizi con schede composte da un'immagine, un testo, un divisore e moduli pulsanti.

Pagina di servizio singolo DiviHvac

La pagina Servizio singolo fornisce un'area di contenuto per i dettagli sui servizi con un modulo in stile per richiedere il servizio.

Pagina del blog DiviHvac

La pagina Archivi del blog mostra i post del blog come schede con l'immagine, il titolo, il meta, l'estratto e un pulsante Leggi altro.

Layout del blog DiviHvac

Il layout del post del blog mostra il titolo, il meta, l'immagine in primo piano e il contenuto in una singola colonna con una barra laterale stilizzata.

Pagina FAQ DiviHvac

La pagina delle FAQ suddivide le domande in argomenti. Alle domande viene data risposta all'interno di toggle. Questa pagina include anche un modulo di richiesta di servizio.

DiviHvac Child Theme Pagina Testimonianze

Le testimonianze sono inserite all'interno di schede che includono sfondo blu scuro, valutazioni a stelle, titolo, divisore e testo.

Pagina coupon tema bambino DiviHvac

Insieme ai colori audaci, la pagina dei coupon è una delle cose che fa risaltare questo tema bambino Divi. I coupon sono forniti come incentivi. Sono creati con più moduli di testo e sono facili da personalizzare.

Pagina di contatto del tema bambino DiviHvac

La pagina Contatti include un modulo di contatto in stile accanto a un'immagine seguita da una riga con le informazioni di contatto e una mappa.

DiviHvac Child Theme Pagina di ringraziamento

;

La pagina di ringraziamento può essere utilizzata come pagina reindirizzata che fornisce un messaggio a chiunque utilizzi i moduli di contatto. Questo è ottimo per far loro sapere che hai ricevuto il loro messaggio e cosa aspettarsi. Il messaggio è semplice e il design si adatta al resto del sito web.

Layout del generatore di temi DiviHvac

I layout di Theme Builder includono intestazioni e piè di pagina globali, pagine di categoria e una pagina 404.

Intestazione

L'intestazione globale include più righe. La riga superiore include un modulo immagine per il logo, blurb per informazioni e testo per il numero di telefono, seguito da un menu a larghezza intera. Questo layout fornisce anche un menu più semplice per tablet e telefoni.

Ecco le intestazioni nella vista visiva. Quelli per dispositivi mobili sono in basso e sono disattivati.

Ecco il menu sul frontend. Include lo stile per il menu a discesa e un pulsante appiccicoso (Slide-in) che rimane sulla destra dello schermo. Puoi sostituire l'immagine quadrata con qualsiasi immagine o icona che desideri.

Ecco il pulsante appiccicoso Slide-in quando ci passi sopra. Funziona come un CTA con un pulsante e reindirizza alla pagina di ringraziamento.

La funzione Slide-in è un pulsante appiccicoso creato con una classe CSS aggiunta alla riga nell'intestazione globale e nei moduli di testo e di fondo.

piè di pagina

Il piè di pagina globale è stato creato con una sezione Specialità e include immagini, testo, follower social e un pulsante in tre righe.

Ecco come appare nella vista visiva.

Ecco come appare sulla home page.

404 Pagina

La pagina 404 è stata creata con un'intestazione a larghezza intera. Ecco come appare nella vista visiva. La pagina include anche l'intestazione e il piè di pagina globali.

Dove acquistare DiviHvac

Il tema figlio DiviHvac di Mark Hendriksen è disponibile nel Divi Marketplace per $ 39. Include l'utilizzo illimitato del sito Web e 1 anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo al tema figlio DiviHvac di Mark Hendriksen. Questo tema ha molte pagine per mostrare i tuoi servizi e progetti. Diverse pagine, come Coupon e Grazie, sono uniche. Lo stile audace rosso e blu fa risaltare le pagine fornendo un aspetto professionale. Sebbene sia progettato per le aziende HVAC che eseguono installazioni e riparazioni, questo design funzionerebbe perfettamente per qualsiasi tipo di appaltatore o sito Web di riparazione.

Vogliamo sentire da voi. Hai provato il tema figlio DiviHvac? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Seahorse Vector / shutterstock.com