{"id":3604,"date":"2021-01-12T15:06:34","date_gmt":"2021-01-12T14:06:34","guid":{"rendered":"https:\/\/creare-sito-web-gratis.it\/?p=3604"},"modified":"2022-02-07T16:16:47","modified_gmt":"2022-02-07T15:16:47","slug":"contenuti-in-evidenza-e-banner","status":"publish","type":"post","link":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/","title":{"rendered":"5. Contenuti in evidenza e Banner"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Nell’articolo precedente<\/a>, abbiamo illustrato attraverso dei box icone i concetti chiave del sito web e abbiamo predisposto una CTA per stimolare l’utente a visitare una specifica sezione.<\/p>

A questo punto, trovandoci in home page, potrebbe essere una buona idea suggerire all’utente altri contenuti che potrebbero interessarlo, in modo da indurlo ad approfondire un certo argomento e, quindi, a permanere sul nostro sito.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"Contenuti\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t

\n\t\t\t\tTabella dei Contenuti\t\t\t<\/h4>\n\t\t\t\t\t\t\t
<\/i><\/div>\n\t\t\t\t
<\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t
\n\t\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

In questo tutorial, andremo ad aggiungere in home page due tipologie di contenuti in evidenza: i servizi offerti<\/b> e il blog<\/b>.<\/p>

Dopo aver invitato l’utente a visitare la sezione pi\u00f9 importante del sito (nel nostro caso, la guida gratuita), proporremo altri servizi che potrebbero interessarlo.<\/p>

Se neanche questi ultimi dovessero far breccia, avremo ancora la possibilit\u00e0 di catturare l’attenzione con le ultime novit\u00e0 del blog.<\/p>

Infine, concluderemo la home page con una seconda CTA, volta in questo caso alla richiesta di maggiori informazioni, rimandando direttamente alla sezione dei contatti.<\/p>

Contenuti in evidenza: servizi offerti<\/h2>

Per proporre i nostri servizi, utilizzeremo ancora l’elemento Riquadro icona<\/strong> di Elementor Pro<\/a>, gi\u00e0 visto nell’articolo precedente per sintetizzare i concetti chiave del sito.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Essendo il procedimento molto simile a quello visto nell’articolo Box icone e CTA<\/a>, eviteremo di andare troppo nel dettaglio.<\/p>

Innanzitutto, abbiamo creato una sezione con due colonne, optando per un colore di fondo scuro e omogeneo per tutta la sezione.<\/p>

Per creare un po’ di stacco, abbiamo poi applicato sulla colonna di sinistra un bordo superiore e destro e sulla colonna di destra un bordo inferiore.<\/p>

Oltre a icona e titolo, abbiamo questa volta aggiunto anche un breve testo descrittivo e un pulsante che rimander\u00e0 alla pagina di approfondimento.<\/p>

Ecco qui il risultato finale:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Contenuti\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

In questo esempio, il contenuto \u00e8 stato predisposto in modo statico<\/b>: abbiamo creato una sezione, l’abbiamo divisa per il numero di colonne in base alle nostre necessit\u00e0 e abbiamo inserito manualmente il contenuto (icone, testi, ecc.).<\/p>

Questi tipi di contenuto sono detti statici<\/em>, ovvero restano immutati fino a che non li si modificano in modo diretto.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Contenuti in evidenza: articoli del blog<\/h2>

Se non hai ancora allestito una sezione blog o news nel tuo sito, puoi rimandare questa parte ad un momento successivo. In alternativa, puoi creare alcuni articoli con testo finto in modo da avere dei contenuti a disposizione.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Inizia a creare una nuova sezione, appena dopo quella dei servizi.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Nuova\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Cerca ora “Post<\/b>” tra gli elementi di Elementor Pro<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Elemento\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Inserisci l’elemento Post nella nuova sezione.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Contenuti\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Ed ecco che vedrai apparire gli ultimi articoli del blog. A questo punto, non resta che personalizzare il widget.<\/p>

Impostazioni layout post<\/h3>

Per quanto riguarda le impostazioni di layout<\/b>, abbiamo diverse opzioni: possiamo decidere il tipo di “skin” (classico<\/i>, card<\/i> o contenuto completo<\/i>), possiamo poi definire il numero di colonne, il numero di post per pagina, scegliere se mostrare o nascondere l’immagine e molto altro ancora.<\/p>

Ecco come appaiono gli articoli dopo solo qualche piccola modica nelle impostazioni di layout.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Impostare\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Per ottenere questo risultato \u00e8 bastato cambiare il tipo di pelle in “Card<\/b>“, eliminare i commenti dal campo Metadati, nascondere l’Avatar e aggiungere un po’ di rientro alla colonna (tab Avanzato).<\/p>

Personalizzare stili post<\/h3>

Per personalizzare lo stile, seleziona l’elemento Post e passa alla tab Stile<\/b>. Qui troverai numerose opzioni per gestire gli stili dei Layout, Pelle, Immagine e Contenuto.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Modifica\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Lascio ora a te il gusto di provare e sperimentare…<\/p>

Impostazioni query<\/h3>

Le impostazioni Query<\/b> (tab Contenuto) permettono di gestire la tipologia di contenuti caricati in modo dinamico. Puoi infatti selezionare il tipo di post (post type) dalla tendina Sorgente. Il post type di default \u00e8 Articoli<\/b>.<\/p>

Ma non solo, puoi anche includere o escludere specifiche categorie o specifici articoli e puoi modificarne l’ordinamento.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Modifica\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Impostazioni paginazione<\/h3>

Le impostazioni Paginazione<\/b> (tab Contenuto) permettono di suddividere gli articoli in pi\u00f9 pagine e di gestirne la navigazione.<\/p>

Come funziona la paginazione?<\/b><\/p>

Il numero massimo di articoli che vedrai apparire nel widget Post \u00e8 definito in CONTENUTO<\/b> > LAYOUT<\/b> > POST PER PAGINA<\/b>. Se ad esempio sono impostati 6 articoli per pagina e il blog contiene 12 articoli, abilitando la paginazione, apparir\u00e0 la navigazione per due pagine.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Modifica\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Paginazione\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

La navigazione avviene in modo dinamico, quindi vengono caricati i post successivi (o precedenti) senza il refresh<\/i> dell’intera pagina.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Creare un banner laterale<\/h2>\n

Quella dei Contatti \u00e8 una sezione molto importante del sito e per questa ragione pu\u00f2 aver senso prevederla gi\u00e0 in home page.<\/p>\n

In alternativa si potrebbe creare una sorta di banner che rimandi alla pagina dedicata.<\/p>\n

Come creare un banner e posizionarlo<\/h3>\n

Per terminare la nostra home page di esempio, andremo a creare una seconda Call to Action che iniviti l’utente a mettersi in contatto con noi.<\/p>\n

Questa volta, per\u00f2, non posizioneremo l’elemento di seguito all’ultima sezione, bens\u00ec di fianco.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Torna quindi alla sezione degli articoli del blog e aggiungi una colonna. Aumenta poi l’ampiezza della colonna di sinistra (ad esempio al 60%).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Aggiungere\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Cambia il numero di colonne da 3 a 2 per l’elemento Post (in quanto tre colonne risultano ora un po’ troppo strette per visualizzare i post).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Cambiare\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Assegna un po’ di rientro alla colonna di destra (esempio 50px) e inserisci al suo interno una Sezione Interna<\/b>. Elimina poi una delle due colonne della sezione interna, in modo da mantenerne soltanto una.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Inserire\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Adesso inserisci nella sezione interna appena aggiunta gli elementi Intestazione<\/strong>, Lottie<\/strong> e Pulsante<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Inserire\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Seleziona la colonna e personalizzane lo stile. Nell’esempio abbiamo aggiunto uno sfondo sfumato, un bordo di 3px e un’ombra riquadro.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Personalizza\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Personalizza come preferisci gli stili dell’intestazione e del pulsante.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Personalizzare\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Inserisci un’animazione a tua scelta dalla vasta libreria di Lottie Files. Ti baster\u00e0 copiare l’URL dell’animazione e incollarlo nel campo SORGENTE > URL ESTERNO dell’elemento Lottie precedentemente inserito. Clicca questo link<\/a> per maggiori dettagli sull’inserimento di animazioni LottieFiles.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Banner\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Ed ecco che, in pochi e semplici passi, abbiamo creato un banner laterale per rimandare alla pagina dei Contatti (pagina che andremo a creare nella Parte successiva della guida).<\/p>

Avrai forse notato che scorrendo verso il basso, il banner andr\u00e0 a finire sopra, lasciando la colonna di destra completamente vuota.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Elemento\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Per evitare tutto ci\u00f2 sar\u00e0 sufficiente fissare in alto<\/strong> la sezione interna. Quindi, selezionala e clicca su AVANZATO<\/b> > EFFETTI DI MOVIMENTO<\/b>. Seleziona “In alto”<\/strong> per il campo Fisso<\/b>. Lascia l’elemento fisso solo su Desktop (rimuovi i tag tablet<\/i> e mobile<\/i>). Infine, imposta l’offset<\/b> per lasciare un po’ di margine in alto.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Elemento\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Come potrai vedere scorrendo la pagina, il banner adesso rester\u00e0 fisso in quella posizione.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\t\tAvvertimento sugli elementi fissati in alto<\/span>\n\t\t\t\n\t\t\t\t\t\tSe decidi di fissare in alto la sezione interna presente in una colonna (come nel caso dell'esempio) l'elemento rester\u00e0 sempre fisso, anche oltre la sezione principale. Ci\u00f2 implica che tale elemento potrebbe coprire eventuali sezioni successive, come ad esempio il footer.\nPer evitare questo inconveniente ci sono due possibilit\u00e0. La prima \u00e8 quella di assegnare all'elemento fisso uno z-index inferiore agli elementi successivi. Ad esempio \"1\" per l'elemento fisso e \"2\" per il footer; in questo caso la sezione interna fissa andr\u00e0 a finire sotto il footer (trovi il campo z-index nel tab AVANZATO). La seconda possibilit\u00e0 \u00e8 di non fissare la sezione ma lo specifico elemento (ad esempio l'intestazione e\/o il pulsante). In questo caso, potrai abilitare l'opzione \"Resta in colonna\". Quest'ultima permette di fissare un elemento fino al termine della sezione; dopodich\u00e9 l'elemento continuer\u00e0 a scorrere e andr\u00e0 a finire sopra. Considera per\u00f2 che in questo modo dovrai impostare un offset diverso per ciascun elemento fissato nella stessa colonna, altrimenti finiranno per essere tutti sovrapposti, uno sopra l'altro!<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Siamo cos\u00ec giunti al termine della nostra home page di esempio.<\/p>

In questi articoli abbiamo visto come creare una home page non troppo complessa ma completa e strutturata con una certa logica.<\/p>

Spero che questo tutorial ti sia anche servito per acquisire maggiore dimestichezza con WordPress e il plugin Elementor Pro<\/a>. In questo modo potrai creare sezioni e pagine sempre pi\u00f9 belle e in pochissimo tempo.<\/p>

Con la home page non abbiamo del tutto finito… Nel prossimo articolo<\/a> andremo a vedere come la home viene visualizzata sui dispositivi mobile e tablet.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Nell’articolo precedente, abbiamo illustrato attraverso dei box icone i concetti chiave del sito web e abbiamo predisposto una CTA per stimolare l’utente a visitare una specifica sezione. A questo punto, trovandoci in home page, potrebbe essere una buona idea suggerire all’utente altri contenuti che potrebbero interessarlo, in modo da indurlo ad approfondire un certo argomento […]<\/p>\n","protected":false},"author":1,"featured_media":3447,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"yoast_head":"\nHome Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis<\/title>\n<meta name=\"description\" content=\"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis\" \/>\n<meta property=\"og:description\" content=\"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\" \/>\n<meta property=\"og:site_name\" content=\"Creare Sito Web Gratis\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-12T14:06:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-07T15:16:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Davide de Mattia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Davide de Mattia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\"},\"author\":{\"name\":\"Davide de Mattia\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/01c35583e489d4ae1beeb9b000a185db\"},\"headline\":\"5. Contenuti in evidenza e Banner\",\"datePublished\":\"2021-01-12T14:06:34+00:00\",\"dateModified\":\"2022-02-07T15:16:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\"},\"wordCount\":1317,\"publisher\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#organization\"},\"image\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg\",\"articleSection\":[\"Home page sito web\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\",\"url\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\",\"name\":\"Home Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis\",\"isPartOf\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg\",\"datePublished\":\"2021-01-12T14:06:34+00:00\",\"dateModified\":\"2022-02-07T15:16:47+00:00\",\"description\":\"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.\",\"breadcrumb\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage\",\"url\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg\",\"contentUrl\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg\",\"width\":1280,\"height\":600,\"caption\":\"Sezione vantaggi e CTA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creare-sito-web-gratis.it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Corso WordPress + Elementor\",\"item\":\"https:\/\/creare-sito-web-gratis.it\/corso-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Home page sito web\",\"item\":\"https:\/\/creare-sito-web-gratis.it\/corso-wordpress\/home-page-sito-web\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"5. Contenuti in evidenza e Banner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#website\",\"url\":\"https:\/\/creare-sito-web-gratis.it\/\",\"name\":\"Creare Sito Web Gratis\",\"description\":\"Guida gratuita alla creazione di un sito web\",\"publisher\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creare-sito-web-gratis.it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#organization\",\"name\":\"Creare Sito Web Gratis\",\"url\":\"https:\/\/creare-sito-web-gratis.it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2019\/10\/creare-sito-web-gratis-1.png\",\"contentUrl\":\"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2019\/10\/creare-sito-web-gratis-1.png\",\"width\":250,\"height\":70,\"caption\":\"Creare Sito Web Gratis\"},\"image\":{\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/01c35583e489d4ae1beeb9b000a185db\",\"name\":\"Davide de Mattia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f9a68edfa37693e3dfaa73e5568f8411?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f9a68edfa37693e3dfaa73e5568f8411?s=96&d=mm&r=g\",\"caption\":\"Davide de Mattia\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis","description":"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/","og_locale":"it_IT","og_type":"article","og_title":"Home Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis","og_description":"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.","og_url":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/","og_site_name":"Creare Sito Web Gratis","article_published_time":"2021-01-12T14:06:34+00:00","article_modified_time":"2022-02-07T15:16:47+00:00","og_image":[{"width":1280,"height":600,"url":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg","type":"image\/jpeg"}],"author":"Davide de Mattia","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Davide de Mattia","Tempo di lettura stimato":"12 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#article","isPartOf":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/"},"author":{"name":"Davide de Mattia","@id":"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/01c35583e489d4ae1beeb9b000a185db"},"headline":"5. Contenuti in evidenza e Banner","datePublished":"2021-01-12T14:06:34+00:00","dateModified":"2022-02-07T15:16:47+00:00","mainEntityOfPage":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/"},"wordCount":1317,"publisher":{"@id":"https:\/\/creare-sito-web-gratis.it\/#organization"},"image":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg","articleSection":["Home page sito web"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/","url":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/","name":"Home Page: Contenuti in Evidenza e Banner - Creare Sito Web Gratis","isPartOf":{"@id":"https:\/\/creare-sito-web-gratis.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage"},"image":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg","datePublished":"2021-01-12T14:06:34+00:00","dateModified":"2022-02-07T15:16:47+00:00","description":"Inserire contenuti in evidenza in home page e creare un banner laterale animato per promuovere dei servizi o rimandare ai contatti.","breadcrumb":{"@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#primaryimage","url":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg","contentUrl":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2020\/10\/sezione-vantaggi-e-cta.jpg","width":1280,"height":600,"caption":"Sezione vantaggi e CTA"},{"@type":"BreadcrumbList","@id":"https:\/\/creare-sito-web-gratis.it\/contenuti-in-evidenza-e-banner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creare-sito-web-gratis.it\/"},{"@type":"ListItem","position":2,"name":"Corso WordPress + Elementor","item":"https:\/\/creare-sito-web-gratis.it\/corso-wordpress\/"},{"@type":"ListItem","position":3,"name":"Home page sito web","item":"https:\/\/creare-sito-web-gratis.it\/corso-wordpress\/home-page-sito-web\/"},{"@type":"ListItem","position":4,"name":"5. Contenuti in evidenza e Banner"}]},{"@type":"WebSite","@id":"https:\/\/creare-sito-web-gratis.it\/#website","url":"https:\/\/creare-sito-web-gratis.it\/","name":"Creare Sito Web Gratis","description":"Guida gratuita alla creazione di un sito web","publisher":{"@id":"https:\/\/creare-sito-web-gratis.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creare-sito-web-gratis.it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/creare-sito-web-gratis.it\/#organization","name":"Creare Sito Web Gratis","url":"https:\/\/creare-sito-web-gratis.it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/creare-sito-web-gratis.it\/#\/schema\/logo\/image\/","url":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2019\/10\/creare-sito-web-gratis-1.png","contentUrl":"https:\/\/creare-sito-web-gratis.it\/wp-content\/uploads\/2019\/10\/creare-sito-web-gratis-1.png","width":250,"height":70,"caption":"Creare Sito Web Gratis"},"image":{"@id":"https:\/\/creare-sito-web-gratis.it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/01c35583e489d4ae1beeb9b000a185db","name":"Davide de Mattia","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/creare-sito-web-gratis.it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f9a68edfa37693e3dfaa73e5568f8411?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f9a68edfa37693e3dfaa73e5568f8411?s=96&d=mm&r=g","caption":"Davide de Mattia"}}]}},"_links":{"self":[{"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/posts\/3604"}],"collection":[{"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/comments?post=3604"}],"version-history":[{"count":0,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/posts\/3604\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/media\/3447"}],"wp:attachment":[{"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/media?parent=3604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/categories?post=3604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creare-sito-web-gratis.it\/wp-json\/wp\/v2\/tags?post=3604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}