Se ci ritroviamo a gestire una importante quantità di articoli di blog e vari tipi di argomenti, una delle cose che devi considerare è la possibilità di categorizzare e inserire un menu tendina per indirizzare gli utenti direttamente ad un argomento specifico.

In questa lezione andremo a vedere come creare nel menù di WordPress una una sezione con delle sottocategorie e andremo anche a creare il gameplay personalizzato per mostrare appunto la grafica di queste singole categorie.

Innanzitutto, noi abbiamo già creato precedentemente all'interno di articoli e categorie le categorie eventi, news e Tech um rispettivamente spostando sulla sinistra.

Riuscite a vedere quanti articoli sono presenti di queste all'interno di queste categorie? Questo vi consentirà sicuramente di aiutarvi per avere una panoramica dei contenuti all'interno del vostro blog.

In questo caso Eventi ha due articoli di blog news ne ha due e Tec ne ha una senza categoria.

È una categoria di default che WordPress inserisce e, um la assegna agli articoli che non hanno una categoria.

Quindi, se voi inserite un articolo di blog e vi dimenticate di inserire una categoria in automatico WordPress assegna senza categoria, quindi mi raccomando, come procedura importante quando caricate l'articolo assegnate una o eventualmente anche più categorie.

Quindi la prima cosa che faremo andiamo su aspetto menù e andiamo ad aggiungere un sotto menù a tendina alla voce blog e andrò ad aggiungere appunto, le categorie in alto.

No, scusate, in basso a sinistra trovate categorie, le selezioniamo tutte e tre sono quelle che avrete voi pubblicato e poi con il draghi le trascinate nella posizione preferita.

Okay, salviamo menù e andiamo a vedere subito in che cosa succede.

Faccio il refresh della pagina.

Okay.

Come vedete, in automatico è stata inserita una voce menu tendina con eventi, news e tech.

Cliccando su una categoria specifica, ad esempio tech, vengono mostrati gli articoli che sono presenti all'interno di quella categoria, ma con un layout è un design differente da quella che è la sezione del blog madre, diciamo tra virgolette e da cui tutto parte.

Quindi l'obiettivo di questa sezione è quello di allineare il design e la grafica tra la pagina che mostra tutti gli articoli di blog a quella della singola categoria.

Come al solito dobbiamo utilizzare la funzione del team Builder, quindi dobbiamo andare su temete team builder e aggiungere un nuovo temete di tipo archivio.

Quindi archivio più ovviamente anche in questo caso possiamo partire da un set che ci propone elemento a livello di layout.

Possiamo costruire tutto noi interamente da zero, ma possiamo anche eventualmente copiare il contenuto che abbiamo già creato a livello di layout e stile grafico.

Ed è quello che faremo.

Questo non perché ci rimane più comodo, ma sì, per certi versi sicuramente sì, ma perché? Se abbiamo già creato un layout grafico per la pagina blog con lo stile preciso che vogliamo mostrare ai nostri visitatori, non ha molto senso andare a ricostruire tutto interamente da zero.

Possiamo semplicemente copiare queste intere sezioni e incollarle nella nostra categoria e andare magari a ven a eventualmente, a modificare qualcosa nel dettaglio.

Però, se volete, chiaramente potete anche uno stile di categoria differente da questo.

Però, per tenere un certo tipo di uniformità e omogeneità, il mio consiglio è quello di mantenere tutto allo stesso identico modo.

Perché se ad esempio un utente um entrasse all'interno di questo blog, vede queste card ovviamente tutte precise, con immagine titolo con due action data e direi che va bene.

Però poi entrando in una categoria singola, ad esempio eventi e notando quindi un layout completamente differente potrebbe anche disorientarsi e quindi tra virgolette, non avere quell'impatto, magari che ha avuto quando è entrato in questa pagina.

Quindi, in linea generale, per migliorare anche l'esperienza di uso e di utilizzo del vostro sito web, sicuramente cercherei di um allineare questo tipo di asset grafico.

Quindi torniamo a noi nel nel nostro temete e all'interno di questo temete, dobbiamo semplicemente ricostruire quello che abbiamo creato all'interno della voce del blog e io vi mostrerò questa operazione per velocizzare il vostro modello e metodo di lavoro.

Per fare questo dobbiamo rientrare nella temete che abbiamo creato per questa pagina e lo possiamo fare in due modi navigando la pagina di riferimento, in questo caso blog e se vi posizionate su modifiche con elemento avete elemento archivio.

Quindi cliccando su questa voce verrete reindirizzati diretta direttamente al temete e poi potrete modificare quello che volete, oppure l'altra strada è quella di tornare nel back di WordPress.

Andare su temete team builder e andare ad aprire il gameplay che volete modificare.

In questo caso è questo qua elemento archivio.

Quindi entriamo all'interno di questa sezione, facciamo modifica e andiamo a prendere il contenuto che vogliamo copiare e incollare semplicemente sicuramente andrò a prendere l'intera sezione con il titolo e sottotitolo così in modo tale da avere anche lo stesso colore ma anche la stessa spazzatura e rientri vari.

Quindi torno nella mia singola categoria di template incolla e vado a prendere anche il con l'intera sezione per le card del blog.

Quindi stessa cosa faccio incolla a questo punto qui abbiamo preso tutto quello che ci serviva.

Possiamo tranquillamente chiuderlo e andiamo a lavorare sul nostro temete allora innanzitutto nella lezione precedente abbiamo inserito questi due elementi come delle um dei di intestazione statici dove abbiamo personalizzato il contenuto.

In questo caso, se volete, potete mantenere ad esempio magari un sottotitolo.

In alcuni casi potrebbe essere interessante personalizzando il vostro contenuto, eh, però andrei a eliminare sicuramente questa intestazione.

Ora io in questo esempio vado a eliminare il sottotitolo e anche il titolo diamo un occhio ora ai che possiamo aggiungere allora il primo in assoluto che non può mancare è il titolo archivio.

Lo trasciniamo e questo widget in automatico agisce in modo dinamico e in automatico mostrerà il titolo della categoria di riferimento in base a quello che l'utente sta navigando.

Quando l'utente navigherà la categoria tech al posto di archivi verrà mostrato tech e così via.

Qui potete modificare il tag se volete un h uno h due e ovviamente anche l'allineamento.

In questo caso magari possiamo inserirlo centralmente.

Una cosa utile che può interessarvi durante questa modifica di layout è mostrare mostrare un'anteprima di come l'utente lo vedrebbe.

Per fare questo dovete cliccare nella voce in basso impostazioni a sinistra, anteprima e impostazioni e in questo mi tendina selezionare Archivio categorie e andate a selezionare la categoria che volete vedere in anteprima.

Ad esempio la categoria Tech applica e anteprima.

Ora aspettiamo un attimo il refresh e il caricamento di elemento in modo tale da rendervi conto come effettivamente il gameplay della singola categoria che eccolo qua perfetto.

Come vedete già è stato fatto tutto in automatico, quindi non dovete fare altre modifiche nemmeno nel archivio articoli.

Questo qua lo fa tutto elemento in automatico Questo significa che quando um l'utente cliccherà su una categoria tech verrà mostrato in automatico questo titolo con la categoria di riferimento e in automatico sotto all'interno verranno mostrati solo gli articoli di quella determinata categoria.

Ora lo vedremo anche nel andiamo step by step l'ultima, cosa che dobbiamo fare dopo che abbiamo definito l'asset grafico.

Dobbiamo ovviamente pubblicare e aggiungere la condizione.

In questo caso non impostiamo tutti gli archivi perché altrimenti questo andrebbe ad agire su tutti gli archivi, come compresa la pagina del blog.

Ma noi dobbiamo semplicemente definire qui archivio articoli categorie in modo tale che questo agisce e viene mostrato su tutte le categorie del blog e non su altre pagine.

Salva e chiudi.

Aggiorniamo tutto quanto e torniamo in ora.

Torno nella mia pagina blog, aggiorno la pagina blog.

Questa ovviamente rimarrà come l'abbiamo costruita precedentemente.

Ora apriamo una singola categoria, ad esempio eventi e vediamo che cosa succede.

Ed eccola qua Come vedete in automatico Elemento è in grado di mostrare la ca- nome della categoria e solo i singoli articoli che sono presenti all'interno di questa categoria.

Infatti, se andiamo su news vedremo gli articoli collegati alle categorie news.

Se andremo poi alla categoria tech, vedremo gli articoli che abbiamo collegato alla categoria tech e questo è un altro metodo molto, molto importante e potente per gestire al meglio le categorie e i temete con elemento