Una volta che avrai definito e creato il layout e la struttura di design del tuo singolo articolo di blog e avrai iniziato a scrivere i primi articoli di blog sul tuo sito web, dovrai andare a creare la pagina blog e quindi la pagina che conterrà tutto.

Tutti gli articoli del tuo sito web Per prima cosa entrando subito nel pratico, dobbiamo creare una nuova pagina web.

In questo caso noi la chiameremo Blog, la pagina che mostrerà una griglia di tutti gli articoli del nostro sito web.

Ma ovviamente potete chiamarla anche in un altro modo se preferite quindi pagina aggiungi pagina, la chiamiamo blog, facciamo subito pubblica e poi torniamo nel back di WordPress.

In questa fase qui all'interno della pagina non dobbiamo fare nulla, Non dobbiamo inserire nessun tipo di contenuto e non dobbiamo cliccare su modifica con elemento per aggiungere dei WeChat.

Dobbiamo semplicemente tornare indietro nelle impostazioni del sito alla voce lettura in questa sezione andiamo a decidere quale sarà la pagina degli articoli.

Infatti, attraverso questa funzione pagina articoli selezioniamo nel menù a tendina la nostra pagina blog che abbiamo appena creato, salviamo le modifiche e poi andremo ad aggiungerla nel menù, quindi andiamo su aspetto menù del sito web e andiamo a collegarla nel nostro menù.

Selezioniamo la voce blog, aggiungi al menù e ovviamente qui poi potete posizionarla come preferite.

Salva menù e andiamo a vedere subito in fronte come um a livello di frontend verrebbe mostrata ai visitatori.

Quindi facciamo un della pagina, clicchiamo sul blog e come vedete in automatico il blog viene caricato in questo modo sono delle immagini a piena larghezza con un estratto, il titolo e gli altri articoli di blog.

Questi articoli di blog non hanno l'immagine perché non è stata semplicemente inserita.

Ora lo faremo rapidamente, ma come vedete non è il massimo dal punto di vista estetico e di design.

Quindi quello che andremo a fare è creare una pagina blog personalizzata che sia coerente col vostro stile e asset grafico.

Prima di iniziare, però torniamo su articoli e andiamo a ad aggiungere delle immagini di copertina a questi articoli.

Apriamo questo questo e questo come al solito.

Dobbiamo andare alla voce articolo imposta immagine in evidenza e andate ad inserire l'immagine che volete mostrare per il vostro singolo articolo.

Okay, aggiorna.

Lo faccio anche per questi altri due articoli di blog.

Aspettiamo il caricamento.

Okay, aggiorna.

Ed infine, anche per questo post immagine in evidenza, mettiamo questa qua.

Okay, Aggiorno.

Ora torno nella mia pagina grezza e in automatico.

Dovrebbero comparire le eccole qua le immagini che ho appena inserito.

Come vedete, ripeto, il l'appeal dal punto di vista estetico non è non è non è il massimo.

Ecco.

Okay, allora quindi a questo punto, um, andiamo a lavorare sulla pagina del blog.

Ci sono diverse possibilità quella del gamete e quella del singolo All'in- all'interno di una pagina web.

Poi lo vedremo come um come configurarlo In questa parte ci concentreremo su come mostrare um gli articoli a livello di design e a livello personalizzato all'interno di questa pagina.

Come al solito, dobbiamo tornare nel back di WordPress e per creare un nuovo temete, solita operazione alla voce Team Builder.

In questo caso andremo ad aggiungere un tipo di archivio perché in modo molto semplice.

La pagina che conterrà tutti gli articoli del blog è appunto un archivio.

Quindi ci possono essere diversi tipi di archivi all'interno di un sito WordPress.

Ad esempio, se avete V eCommerce per gestire i prodotti e-commerce, quello sarà un archivio prodotti.

Questo è un semplice archivio di blog, quindi clicchiamo su archivio e clicchiamo su P come al solito elemento vi propone una base da cui partire che non sono altro che dei preset che potete utilizzare per personalizzare le vostre pagine.

Magari potrebbe esservi utile per um prendere un po' di mistiche con questi tipi di però nel nostro caso lo creeremo da zero, quindi chiudiamo e andiamo a lavorare sul nostro temete.

Allora questa sarà la pagina che dovrà mostrare tutti gli articoli del blog all'interno di questa pagina.

Quindi la prima cosa che farò andrò ad aggiungere una sezione appena larghezza l'andrò a colorare in background del mio solito azzurro che ho definito nel preset e vado ad aggiungere dei vediamo un po' quelli che sono i che possiamo inserire possiamo inserire titolo, archivio, archivio articoli e box autore e poi ovviamente i classici come intestazione immagini, editor di testo e quant'altro.

Il titolo archivio semplicemente mostra un titolo della pagina che avete che state visualizzando in questo caso la pagina del blog.

Se voi poi andrete a cliccare sulla pagina blog in automatico qui al posto di archivi verrete no vedrete in automatico mostrata la voce blog per vedere un'anteprima della pagina potete cliccare su impostazioni, impostazioni anteprima e definire i sì no post recenti va bene, ma eventualmente potete anche definire per altre tassonomie come esempio categorie tag um archivio autore e data archivio.

Quindi qui diciamo che in questa fase va più che bene in questo modo se volete, quindi potete utilizzare questo che in automatico um mostrerà appunto il titolo della pagina web.

Però se volete potete anche utilizzare il semplice intestazione e andate ad impostarlo chiaramente se la vostra pagina um nella parte iniziale intendo chiaramente è una pagina che mostra una sezione statica, quindi un titolo, un sottotitolo potete utilizzare anche questa tipologia di dove semplicemente andrete ad inserire il titolo.

Ora io aggiungo intanto un titolo e un sottotitolo allora il titolo lo richiamerò come tag h t m l h uno e andrò a scriverci blog diciamo centrale okay poi nel sottotitolo vado a personalizzare un po' il contenuto quindi rimane dal mondo digital lo vado a centrare come al solito qui potete personalizzare colore e tipologia di font.

Io ho già fatto una buona customizzazione nel preset, quindi non ho interesse nel modificare, voglio mantenere una certa linea grafica.

Quello che andrò a fare è aggiungere magari un po' di spaziatura interna, quindi un rientro trenta pixel per aumentare lo spazio sopra, sotto destra e sinistra.

Okay poi tornando ai l'unica, cosa che dobbiamo semplicemente fare è aggiungere il archivio articoli.

In questo caso non lo inserirò nella sezione azzurra, ma se voi volete potete chiaramente farlo, ma lo inserirò all'interno qui all'interno di una semplice colonna a piena larghezza.

Vediamo come si comporta il il cat archivio articoli è un che mostra in automatico tutti gli articoli del blog, ma vi consente anche di eventualmente um limitare la ricerca, per esempio per categorie o per tac.

In questo caso noi essendo nella pagina del blog vogliamo mostrare a tutti gli articoli, quindi utilizzeremo questo in questo modo.

Allora la prima cosa a livello di layout potete definire se utilizzare un layout classico, un layout card.

Ora aspettiamo il caricamento per mostrarvi l'anteprima ed eccola qua si sta caricando ed eventualmente un contenuto completo che è simile a quello che abbiamo visto prima, ovvero le immagini appena larghezza.

Personalmente non preferisco questo tipo di design, ma cerco di lavorare sulla base della del laut card o del layout classico.

In questo caso andiamo a configurare il layout card.

E ovviamente, ogni tipo di questi tre stili ha delle persone azioni grafiche.

Quindi anche qui vi invito chiaramente a vederle nel dettaglio una ad una.

A prima cosa potete decidere il numero di colonne, quindi se volete mostrare due colonne, tre colonne, quattro, cinque, sei e così via, ovviamente mostra immagine.

Sì, è nostro interesse, però magari in alcuni casi particolari non volete mostrare le immagini.

Mettete semplicemente su no man, potete decidere la lo stile delle immagini.

Se avete delle immagini con dimensioni differenti creerà una sorta di mosaico abbastanza creativo, ma in questo caso cerchiamo di mantenere un layout abbastanza semplice.

Potete decidere il la dimensione dell'immagine.

Qui potete impostare anche l'ad e oppure pieno in modo tale che l'immagine viene caricata nelle dimensioni che avete appunto caricato nei vostri media.

Il consiglio generale delle immagini che vi do è quello di inserire delle immagini non troppo grandi, ma che siano più o meno relative alla dimensione in cui verrà mostrata.

Nel senso che se in questo caso l'immagine faccio un esempio, um fosse di trecento di larghezza per duecento di altezza.

Ovviamente non ha alcun senso caricare un'immagine di duemila per mille, quindi andrebbe chiaramente a sfavore dei motori di ricerca da un punto di vista di SEO e a sfavore dal punto di vista dei tempi di caricamento, perché l'immagine peserebbe molto di più.

Poi potete um in percentuale aumentare e diminuire il rapporto di quella che è l'immagine rispetto alla card, quindi anche qui personalizzate come preferite.

E poi altre impostazioni abbastanza semplici, come ad esempio titolo.

Potete decidere il tag H T M del titolo.

Potete decidere se mostrare il riassunto del titolo ed eventualmente inserire il numero di caratteri e e di parole che devono essere conteggiate perché, come in questo caso, come vedete sono state inserite um venti righe, ma qua non c'è il non c'è l'estratto del contenuto.

Quindi in automatico viene mostrato tutto il testo e vi ripeto, se volete inserire un un aspetto di questo tipo quando create un nuovo articolo di blog inserite il riassunto è quella voce facoltativa inserite due, tre quattro righe in automatico verrà mostrato in questo modo qui potete decidere se mostrare questo tipo di estratto oppure no.

Poi potete inserire ad esempio dei metadati che sono ad esempio la data e i commenti ed eventualmente anche la data di modifica oppure l'orario.

Io personalmente scelgo quasi sempre la data.

Ovviamente qui, se me inserite la data, devono essere dei contenuti che aggiornate periodicamente.

Quindi cercate di non um lasciare degli articoli, magari vecchi di sei, sette, otto mesi, dove magari poi l'utente si potrebbe fare un certo tipo di idea.

Quindi, se avete un blog che aggiornate costantemente, ovviamente lasciate pure la data.

Se usate se pubblicate articoli settimanalmente o due o tre o quattro articoli al mese, la data va più che bene.

Lasciarla in questo meta data potete deciderla tipo di spazzatura che è semplicemente un carattere.

Potete decidere se utilizzare un pulsante leggi tutto oppure no, eventualmente anche personalizzare il testo, ad esempio, Scopri di più Okay, magari questo carattere lo possiamo anche eliminare la possibilità di allineare um automaticamente i pulsanti.

Se volete potete far aprire l'articolo del blog, quindi al click su una nuova finestra.

Personalmente, io in questo caso non lo inserirei semplicemente un utente um rimarrà all'interno di questo sito web.

Poi potete inserire anche il badge, che non è altro che la categoria o il tag.

In questo caso, come vedete in automatico viene mostrata la categoria a cui appartiene l'articolo di blog e secondo me questa è una funzione molto molto interessante per categorizzare gli articoli di blog.

In questo caso la lascerò attiva L'avatar potete inserire l'avatar è semplicemente un un estratto di chi ha scritto l'articolo.

Quindi in questo caso in automatico ci andrà um l'immagine del dell'autore di chi ha scritto solite impostazioni che potete configurare nel dell'utente all'interno delle impostazioni utenti di WordPress e poi la pagina che non è altro che la possibilità di inserire qui in basso.

Ora ho incaricato solamente quattro articoli, ma nel caso in cui voi abbiate più articoli, potete decidere quanti articoli um devono essere mostrati in questa pagina.

Faccio un esempio sei e lo mettete qua e poi per Per vedere gli altri articoli.

Potete decidere il tipo di paginazione su dei numeri avanti e indietro carica al click del mouse l'infinity scroll che è una pratica molto interessante che consente allo scroll verso il basso di caricare in automatico nuovi articoli.

Quindi anche questo è un'ottima personalizzazione.

Potete definire l'allineamento di questi di questi pa- di queste paginazione.

E poi la voce avanzato è un messaggio.

Potete definire un messaggio semplice che verrebbe mostrato nel caso in cui non ci siano articoli, quindi anche qui potete personalizzarlo alla voce dello stile.

Entriamo un po' più nel dettaglio.

Nella parte grafica ci sono molte cose, come ad esempio la distanza tra le colonne, la distanza tra le righe sopra e sotto.

In questo caso lo lascerò identico tra sia lo stesso spazio tra le colonne che lo spazio tra le righe.

L'allineamento.

Se volete del testo va più che bene di default nel mio caso.

E poi impostazioni relative alla carta, ad esempio il colore dello sfondo, um lo spessore dei bordi.

Se volete l'ombra, se volete l'effetto over.

Quindi al passaggio del mouse questo cosa mi sembra molto interessante avere questo leggero gradiente.

E poi ci sono delle impostazioni relative all'immagine se volete ad esempio un raggio del bordo maggiore rispetto in questo caso l'etichetta, ma in questo caso la lascerei tondeggiante.

Eventualmente quello che farei è modificare l'etichetta.

Sì, il colore dello sfondo del badge ci può stare in questo modo.

Poi la tipografia se volete magari facciamola un ci può stare anche qui potete modificare la dimensione del font.

Ovviamente poi, per quanto riguarda il contenuto abbiamo il titolo.

In questo caso invece io lo farei un po' più grande farei tipo venti, ventidue okay, e lo farei non di questo blu, ma lo farei che è il colore in automatico del tete, ma lo farei nero.

Okay, direi che va più che bene e poi possiamo anche personalizzare il link, ovvero scopre di più che non è altro che questo link dove eventualmente potremmo farlo.

Sicuramente un po' più grande scopre di più tipo diciotto pixel.

Okay, eventualmente magari potremmo dargli una decorazione sottolineate che richiama un po', il il link, il link classico e poi ci sono le solite impostazioni grafiche anche in questo modo, sia per quanto riguarda la paginazione che ripeto, è la possibilità di inserire una sezione numerica o di avanti e indietro per vedere altri articoli ed eventualmente personalizzare la tav nel caso in cui non vengano trovati articoli di blocco.

In ogni caso siamo pronti per la pubblicazione.

Faccio solo un semplice aggiustamento di spazzatura a questo contenitore andrò ad aggiungere un margine sopra di trenta pixel, anzi, facciamo anche cinquanta.

Okay, e direi che ci siamo.

A questo punto, una volta che avete creato il template grafico che mostra gli articoli all'interno della pagina blog, siamo pronti per pubblicare.

Quindi clicchiamo qui in basso sulla voce pubblica e andiamo ad aggiungere una condizione.

In questo caso noi andremo a definire non tutti gli archivi, perché in questo caso um s.

Nel caso in cui noi avessimo altri tipi di archivi, come ad esempio prodotti di e-commerce o altri tipi di post, um lo andrei ad inserire nella nella voce ar ar archivio articoli salva e chiudi e abbiamo completato il nostro salvataggio.

Ora andiamo a vedere in che cosa succede.

Questa era la vecchia pagina del blog, quindi, come veniva mostrato agli utenti le la pagina dove venivano erano presenti Scusatemi tutti gli articoli di blog, ora abbiamo creato una base di personalizzato per mostrarlo con un appeal diverso e andiamo ad aggiornare il la pagina e vediamo che cosa succede.

Okay, eccolo qua Blog rimane aggiornato su notizie dal mondo di J.

Come vedete, aspetto è cambiato notevolmente.

Abbiamo inserito un eline personalizzata dove ovviamente potete inserire colori, testi in base al vostro obiettivo strategico e poi lo stile di questi blog che sono sicuramente più moderni e anche diciamo più semplici e di facile lettura.

Cliccando sull'articolo singolo.

Entriamo nel temete che anche questo è stato customizzato con elemento.

Quindi diciamo che, come abbiamo visto in questa lezione, abbiamo veramente veramente infinite possibilità di design per gestire in modo completamente personalizzato anche la pagina che mostrerà tutti i nostri articoli di blog.