Divi Construction Child Theme di Pee-Aye Creative Panoramica

Pubblicato: 2021-02-05

Ci sono diversi temi figlio per Divi che si concentrano sulle società di costruzioni. Divi Construction di Pee-Aye Creative è uno di quei temi figlio Divi. Viene fornito con molte pagine per creare un sito Web per un'impresa di costruzioni e include alcuni extra. In questo articolo, esamineremo Divi Construction e vedremo cosa è incluso e quanto sia facile da usare per aiutarti a decidere se questo è il tema figlio giusto per le tue esigenze.

Installazione di Divi Construction Child Theme

Installazione di Divi Construction

L'installazione è semplice. Con Divi installato, carica e attiva semplicemente come qualsiasi tema WordPress.

Installazione di Divi Construction

Dopo aver attivato il tema figlio Divi Construction vedrai una nuova voce di menu chiamata Divi Construction. Passaci sopra con il mouse e fai clic su Easy Demo Import . Questa schermata mostrerà i tipi di cose che puoi importare. Mostra anche un plug-in consigliato con informazioni al riguardo e opzioni per installarlo e attivarlo. Tutto è selezionato per impostazione predefinita.

Fare clic su Importa contenuto demo per importare il contenuto selezionato e installare il plug-in. Attendi che completi l'importazione e l'installazione. Una volta terminato, vedrai una schermata che mostra i segni di spunta di ciò che è stato completato. Vedrai anche un pulsante per rimuovere il contenuto.

Installazione di Divi Construction

La home page ei menu vengono impostati automaticamente. Dovrai solo sostituire il contenuto della demo con il tuo.

Divi Construction Pages

Divi Construction Pages

Divi Construction aggiunge 18 pagine. Includono la home page, molte pagine di servizi, progetti, diverse pagine su, diverse pagine di blog e diversi extra come testimonianze e FAQ. Ne esamineremo alcuni. Gli elementi della pagina sono ben etichettati, quindi sono facili da usare.

Divi Construction Home Page

Divi Construction Home Page

La home page include una sezione eroe con un'area per un'immagine di sfondo in parallasse. Un titolo di benvenuto con una linea gialla si sposta a destra mentre passi con il mouse sopra il CTA. I pulsanti del CTA cambiano colore al passaggio del mouse. Il lato destro dello schermo mostra le informazioni di contatto cliccabili.

Divi Construction Home Page

Una sezione numerata di blurb mostra come procede il lavoro. Includono una linea animata e cambiano il colore del bordo al passaggio del mouse. Sto passando il mouse sopra il blurb centrale in questo esempio.

Pagina iniziale

Divi Construction Child Theme include un altro set di blurb che mostra i tipi di lavoro che puoi fare. Includono immagini di sfondo con descrizioni, icone e collegamenti nell'overlay. Questa sezione include anche icone a due colori. Il titolo, le etichette e le icone includono animazioni al passaggio del mouse.

Pagina iniziale

Una sezione della galleria include un divisore di sezione con stile. La galleria mostra le immagini in un layout a più colonne con un'immagine grande su un lato e quattro immagini più piccole sull'altro. La riga successiva mostra lo stesso design in un layout alternativo.

Pagina iniziale

Le testimonianze mostrano i blurb in due colonne con animazione al passaggio del mouse. La terza colonna mostra una grande citazione. Ciascuno include una valutazione a stelle.

Pagina iniziale

Un CTA per ottenere un preventivo mostra icone a 2 colori con effetti di inclinazione che mostrano i tipi di progetti su cui lavori. In questo esempio, sto passando con il mouse su Scuole per mostrare l'effetto delle tessere. Questa sezione include anche un pulsante per ottenere un preventivo.

Pagina iniziale

La sezione blog di Divi Construction Child Theme mostra i post come schede con un blocco sovrapposto per il meta del post. Include anche l'immagine in primo piano, il titolo, la descrizione e il link per saperne di più.

Pagina iniziale

Una sezione del perché scegliere l'azienda mostra punti elenco con un paio di CTA e un'immagine con un'ombra di scatola.

Pagina iniziale

Una sezione dei tuoi valori fondamentali mostra icone a 2 colori per mostrare quei valori.

Pagina dei servizi

Pagina dei servizi

La pagina Divi Construction Services include elementi dalla home page e aggiunge una sezione di blurb per ogni servizio. Un CTA è mescolato con i blurb, ma è colorato in modo diverso per distinguersi.

Pagine di servizio

Divi Construction Service Pages

Le singole pagine del servizio includono una barra laterale personalizzata con collegamenti alle altre pagine del servizio e un CTA. La barra laterale personalizzata è stata creata come un'area widget personalizzata. La sezione principale fornisce un'area per informazioni dettagliate seguita da foto di esempio.

Pagina dei progetti

Pagina dei progetti di costruzione Divi

La pagina Divi Construction Projects include un portfolio filtrato con stili. Visualizzano l'immagine con la categoria in alto e un titolo sovrapposto in basso. Sto passando con il mouse sull'ultimo progetto in questo esempio per mostrare l'overlay. Il titolo e il filtro sono in stile per corrispondere al sito.

Pagina del progetto individuale

Pagina del progetto individuale di Divi Construction

Le singole pagine del progetto mostrano i dettagli del progetto. Hanno diversi elementi dalla home page e aggiungono contatori di numeri, contatori di barre e un CTA di contatto con un'immagine di sfondo.

Informazioni sulla pagina

Divi Construction About Page

La pagina Divi Construction About aggiunge molte nuove sezioni tra cui moduli persona con stili per i membri del team, un video incorporato con icone a 2 colori su entrambi i lati e una sezione per mostrare i loghi dei clienti.

Pagina delle carriere

Pagina delle carriere di Divi Construction

La pagina Divi Construction Careers include un modulo di domanda in stile con campi per esperienza, abilità, tipo di lavoro, ecc.

Pagina del blog

Pagina del blog di Divi Construction

Ci sono molte opzioni per le pagine del blog. Questo mostra una griglia con la barra laterale destra. Include lo stile per i post, le categorie, i tag e gli ultimi progetti recenti. Molti degli elementi includono effetti al passaggio del mouse che cambiano il testo o lo sfondo in giallo.

Pagina del blog di Divi Construction

Questa è a tutta larghezza con una barra laterale sinistra.

Pagina delle domande frequenti

Pagina delle domande frequenti sulla costruzione Divi

La pagina FAQ di Divi Construction aggiunge fisarmoniche per le informazioni e le separa in categorie.

Termini e condizioni e Informativa sulla privacy Pagine

Divi Construction Termini e condizioni e pagine di politica sulla privacy

Le pagine Termini e condizioni e Informativa sulla privacy forniscono il testo necessario per spiegare le tue politiche. Entrambe le pagine hanno un design simile. Questo è ottimo per iniziare a creare i termini e le politiche specifici. Sono contento che questi siano inclusi perché può essere difficile sapere come scrivere queste pagine.

Layout del generatore di temi di costruzione Divi

Layout del generatore di temi di costruzione Divi

I layout di Theme Builder includono il sito Web predefinito, tutti i post, le pagine delle categorie, i figli di pagine specifiche per creare servizi e le pagine delle categorie del progetto. Includono un'intestazione e un piè di pagina globali.

Divi Construction Header

Divi Construction Header

L'intestazione globale è stata creata nel Theme Builder e include follow sui social media, due menu, un'immagine e un pulsante.

Divi Construction Header

Questo crea un'intestazione con due righe. L'immagine si sovrappone a entrambe le righe. La riga superiore include una configurazione a due colori con una divisione ad angolo tra di loro. Include anche un pulsante CTA in modo che i visitatori possano richiedere un preventivo.

Divi costruzione piè di pagina

Divi costruzione piè di pagina

Anche il piè di pagina globale è stato creato con il Theme Builder. Include un modulo immagine, diversi moduli di testo, un menu e un modulo follow sui social media.

Divi costruzione piè di pagina

Il piè di pagina include un modulo di iscrizione alla newsletter, un messaggio e collegamenti. I colori di sfondo diventano progressivamente più scuri per radicare il design.

Menu di costruzione Divi

Menu di costruzione Divi

Divi Construction Child Theme aggiunge quattro menu e li assegna automaticamente. Tutte le voci del menu sono pagine, quindi tutto ciò che devi fare è rimuovere le pagine che non vuoi nel menu. Sono etichettati bene, quindi è facile sapere quali caricare e modificare.

Icone di costruzione Divi e guida di stile

Icone di costruzione Divi e guida di stile

Le icone e una guida di stile sono fornite in un file separato. Le icone sono fornite come file .png e .ai. Vengono anche aggiunti alla libreria multimediale, dove sono di facile accesso e utilizzo nei layout.

Icone di costruzione Divi e guida di stile

La guida di stile include informazioni sui colori, i caratteri, ecc.

Dove acquistare Divi Construction?

Dove acquistare Divi Construction?

Il tema figlio Divi Construction è disponibile nel Divi Marketplace. Costa $ 39 e include l'utilizzo illimitato del sito Web e 1 anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo a Divi Construction di Pee-Aye Creative. Ho trovato il tema figlio facile da installare e utilizzare. Viene fornito con molte pagine per creare un sito Web per un'impresa di costruzioni. È probabile che non avresti bisogno di creare una pagina che non sia già inclusa. Gli stili per i colori, i caratteri e i pulsanti sono globali, quindi è facile modificarli in tutto il sito. Le icone a 2 colori aiutano a far risaltare il tuo sito web. Mi piacciono anche le piccole animazioni. Se sei interessato a un tema figlio Divi per le imprese di costruzione, vale la pena considerare questo.

Vogliamo sentire da voi. Hai provato il tema child Divi Construction? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Faber14 / shutterstock.com