1. Creare header con Elementor

Advertisement

Nella Parte 1 della guida abbiamo predisposto le basi necessarie per la creazione di un sito web in WordPress.

Più nel dettaglio, abbiamo visto alcuni suggerimenti per la scelta del dominio, l’acquisto di dominio e hosting, l’installazione e configurazione di WordPress, la scelta dei temi grafici e dei plugin più importanti, oltre a Elementor Page Builder.

In questa seconda parte passeremo al lato pratico, iniziando a realizzare due sezioni che non possono certo mancare in un sito web: header e footer.

Grazie al plugin Elementor Pro, raggiungere l’obiettivo sarà oltre che semplice, anche divertente.

Ma prima di tutto, cerchiamo di capire perché l’header di un sito è così importante.

Creare header elementor

Di cosa parliamo qui?

Header sito: cos’è e perché è così importante

L’header di un sito assume un ruolo vitale per almeno due ragioni:

1) è la parte superiore del sito e, quindi, risulta da SUBITO VISIBILE.

2) è una sezione statica, ovvero appare in TUTTE LE PAGINE.

In altre parole, si tratta dell’area del sito più vista in assoluto e quindi non va trattata con superficialità.

È nell’header che si dovrebbe riuscire a sintetizzare tutte le informazioni più importanti del sito.

In essa dovrebbero essere SEMPRE previsti il logo (o brand) e il menu di navigazione.

Oltre a questi, è utile sfruttare quest’area per inserire altre info rilevanti, collegamenti ai canali social, nonché i contatti o una funzione di ricerca nel sito.

Comunque è sempre meglio non esagerare e inserire quanto davvero necessario; troppe informazioni finirebbero per confondere l’utente.

Dunque, vediamo adesso come creare header con soli 3 o 4 clic del mouse.

Creare header con Elementor Pro

Dal tuo admin WordPress:

  1. Vai in TEMPLATE
  2. Clicca il pulsante in alto NUOVO e si aprirà una finestra pop-up
  3. Scegli TESTATA come tipo di template
  4. Dai un nome al template, per esempio HEADER o HEADER DEFAULT
  5. Clicca su CREA TEMPLATE

A questo punto si aprirà automaticamente la libreria dei modelli Elementor.

Puoi decidere di costruire l’header del sito partendo da zero oppure di utilizzare il modello che più si avvicina a quello che hai in mente.

Una volta scelto il modello, ti basterà cliccare su INSERISCI per aggiungerlo all’interfaccia del page builder (nel nostro tutorial, utilizzeremo quello che vedi nell’immagine).

Con 3 clic abbiamo già creato l’header del nostro sito. Ovviamente è ancora da personalizzare e mettere a punto, però è già una buona base di partenza.

Il successivo step sarà quello di inserire elementi nell’header, come logo, menu e icone social.

Advertisement
CONDIVIDI
Facebook
Twitter
LinkedIn
Telegram
WhatsApp

Ti piacerebbe collaborare con me alla crescita di questo progetto?

Compila il modulo, ti risponderò il prima possibile!!