Scarica un'intestazione e un piè di pagina GRATUITI per il pacchetto di layout Home Baker di Divi

Ehi Divi Nazione! Grazie per esserti unito a noi per la prossima puntata della nostra Divi Design Initiative settimanale in cui ogni settimana regaliamo nuovissimi omaggi. Di recente abbiamo condiviso un nuovissimo pacchetto di layout Home Baker. Per aiutarti a far funzionare il tuo sito web il prima possibile, condividiamo un modello globale di intestazione e piè di pagina che corrisponde perfettamente anche a questo pacchetto di layout! Spero ti sia piaciuto.

Disegno dell'intestazione

Disegno del piè di pagina

Scarica il modello globale di intestazione e piè di pagina per il pacchetto di layout Home Baker

Per mettere le mani sul modello di intestazione e piè di pagina globale gratuito, dovrai prima scaricarlo utilizzando il pulsante in basso. Per accedere al download dovrai iscriverti alla nostra mailing list Divi Daily utilizzando il modulo sottostante. Come nuovo abbonato, riceverai ancora più bontà Divi e un pacchetto Divi Layout gratuito ogni lunedì! Se sei già nell'elenco, inserisci semplicemente il tuo indirizzo email qui sotto e fai clic su download. Non verrai "iscritto nuovamente" né riceverai email extra.

Scarica i file

Scarica gratis

Iscriviti alla newsletter Divi e ti invieremo via email una copia dell'ultimo pacchetto di layout pagina di destinazione Divi, oltre a tonnellate di altre risorse, suggerimenti e trucchi Divi incredibili e gratuiti. Seguici e diventerai un maestro Divi in ​​pochissimo tempo. Se sei già iscritto, digita il tuo indirizzo email qui sotto e clicca su download per accedere al layout pack.

SCARICA

Ti sei iscritto con successo. Controlla il tuo indirizzo e-mail per confermare la tua iscrizione e ottenere l'accesso ai pacchetti di layout Divi settimanali gratuiti!

Come caricare il modello

Vai a Divi Theme Builder

Per caricare il modello, vai a Divi Theme Builder nel back-end del tuo sito Web WordPress.

Carica il modello di sito Web predefinito globale

Quindi, nell'angolo in alto a destra, vedrai un'icona con due frecce. Fare clic sull'icona.

Passa alla scheda di importazione, carica il file JSON che sei riuscito a scaricare in questo post e fai clic su "Importa modelli Divi Theme Builder".

Salva le modifiche di Divi Theme Builder

Dopo aver caricato il file, noterai una nuova intestazione e piè di pagina globali nel modello di sito Web predefinito. Salva le modifiche di Divi Theme Builder non appena desideri che il modello venga attivato.

Come modificare il modello

Elementi del modello di intestazione Divi Home Baker

Il modello di intestazione Divi Home Baker ha più moduli Divi. Puoi modificare detti moduli per adattarli al tuo marchio, alla tua attività e alle esigenze del tuo sito web. Daremo un'occhiata ai sei elementi che compongono il modello di intestazione di seguito:

In primo luogo, l'intestazione ha una sezione primaria e una sezione secondaria. Il menu principale contiene il menu, il logo e un pulsante. Il menu secondario contiene due inviti all'azione di testo e una serie di icone dei social media.

Moduli della sezione primaria

1. Logo (modulo menu): il logo viene popolato tramite il modulo menu. Puoi utilizzare la funzione dei campi dinamici del builder Divi per inserire il tuo logo in tutto il sito, oppure puoi caricare il tuo logo direttamente nel menu
2. Menu (modulo menu): puoi selezionare un menu dal tuo sito da inserire in questo modulo.
3. Pulsante (modulo pulsante): il modulo pulsante funge da invito all'azione

Moduli della Sezione Secondaria

4. CTA #1 (Modulo di testo): questo modulo di testo ha attualmente le ore di funzionamento, tuttavia, possiamo modificarlo in modo che sia tutto ciò che vorremmo
5. Collegamenti ai social media (Modulo Segui sui social media): modifica questo modulo per aggiungere e collegare i social network che hai scelto
6. CTA #2 (Modulo di testo): un altro modulo di testo che possiamo utilizzare come luogo per contenere il tuo slogan o un altro annuncio

Apri il modello di intestazione

Per modificare gli elementi del modello di intestazione globale, inizia aprendo il modello.

Scegli il tuo menu

Seleziona un menu a tua scelta nel Modulo Menu.

Carica il logo preferito

All'interno dello stesso modulo menu, scegli o carica il tuo logo preferito

Aggiorna destinazione pulsante

Questa intestazione ha un pulsante in alto a destra nel menu principale. Apri le impostazioni del pulsante e aggiorna l'URL del collegamento alla destinazione di tua scelta. Puoi anche utilizzare le stesse impostazioni modali per modificare il testo sul pulsante.

Abilita/disabilita la ricerca e le icone del carrello

Per impostazione predefinita, il modulo menu all'interno di questa intestazione ha le icone di ricerca e carrello attivate. Se hai WooCommerce installato e attivo, l'icona del carrello apparirà automaticamente sul frontend. Tuttavia, se desideri nascondere queste icone, hai la possibilità di farlo all'interno delle impostazioni del menu.

Aggiunta di contenuti a CTA #1 e CTA #2

Sul lato destro e sinistro dell'area dell'intestazione secondaria ci sono moduli di testo che possono essere modificati con il contenuto come meglio credi. Nel modello, utilizziamo il modulo di testo a sinistra per mostrare gli orari della panetteria. Sul lato destro, utilizziamo il modulo di testo per condividere lo slogan dell'azienda, con una simpatica emoji. A causa dell'altezza della sezione dell'intestazione secondaria, potrebbe essere più semplice modificare i moduli con quella sezione utilizzando la vista Wireframe di Divi Theme Builder.

Aggiungi i tuoi social network e link

Apri il modulo Segui sui social media per modificare, aggiungere o eliminare i social network che desideri mostrare nella tua intestazione. Non dimenticare di aggiungere anche i link giusti ai tuoi vari account di social media!

Apri modello piè di pagina

Continua aprendo il piè di pagina globale all'interno del modello di sito Web predefinito.

Elementi del modello di piè di pagina di Divi Home Baker

A differenza del modello di intestazione Divi Home Baker, il modello di piè di pagina è composto da quattro sezioni. Ma non temere! La sezione primaria ha due colonne e le restanti tre sezioni hanno un solo modulo ciascuna al loro interno. Ancora una volta, possiamo usare la vista Wireframe è altamente raccomandato, specialmente quando si modificano le tre sezioni finali.

Scomposizione delle sezioni e dei moduli del piè di pagina

1. Modulo Email Optin: modifica il titolo, il corpo del testo e assicurati di collegare la tua piattaforma di email marketing preferita al modulo
2. Modulo di testo: cambia il titolo come meglio credi per le tue esigenze
3. Moduli Blurb: qui abbiamo tre moduli blurb che vengono utilizzati per mostrare le tue informazioni di contatto.
4. Modulo per seguire i social media: come per il modulo nell'intestazione, questo può essere utilizzato per collegarsi ai tuoi account sui social media
5. Modulo menu: scegli qui il tuo menu a piè di pagina.
6. Modulo di testo: Infine, ricorda di modificare il testo successivo all'interno di questo modulo di testo per inserire le tue informazioni sul copyright

Collega la tua soluzione di email marketing

Innanzitutto, collega la tua soluzione di email marketing preferita al Modulo e-mail.

Aggiungi le tue informazioni di contatto

All'interno dei tre moduli blurb, puoi modificare le icone e il testo. Sfoglia le librerie di icone incluse in Divi e aggiungi i tuoi contenuti.

Collega i tuoi account di social media

Aggiungi collegamenti ai tuoi account di social media all'interno del modulo Segui sui social media.

Seleziona il tuo menu a piè di pagina

Scegli il menu a piè di pagina.

Modifica il contenuto del copyright

Per modificare la sezione del copyright, entreremo nella funzione Campo dinamico all'interno del modulo di testo.

Fare clic sull'ingranaggio sotto il titolo del corpo. All'interno della casella modale che si apre, ti consigliamo di modificare il contenuto all'interno della casella di testo Dopo.

Nuovi omaggi ogni settimana!

Ci auguriamo che ti sia piaciuto l'Home Baker Layout Pack e l'omaggio Header & Footer che lo accompagna. Non vediamo l'ora di sentire le vostre opinioni nella sezione commenti qui sotto. Assicurati di ricontrollare la prossima settimana per altri omaggi!