Come visualizzare solo il titolo degli articoli di una categoria?
Quando con WordPress si clicca sul nome di una categoria, questo mostra tutti gli articoli di questa categoria.
A meno che non si sia comprato un tema che gestisca meglio questa cosa, WordPress di default mostra tutti gli articoli per intero di questa categoria.
Come fare invece per visualizzare solo il titolo degli articoli di una categoria evitando quindi che venga riportato anche il contenuto di ogni articolo?
WordPress ultimamente offre sempre più opzioni dall’interfaccia per modificare le sue impostazioni (avevamo ad esempio parlato del cambio della lingua quì).
Però per quanto riguarda la visualizzazione dei titoli degli articoli quando si clicca sulle categorie purtroppo WordPress non possiede nativamente un opzione che consenta di fare questo.
Fortunatamente la soluzione non è per niente complicata e con 3 piccoli e semplici passi si può ottenere il risultato di visualizzare solo il titolo degli articoli di una categoria quando si clicca su questa.
Mostriamo un esempio di come farlo ad esempio con il tema Twenty_Sixteen.
La soluzione è semplicemente riadattabile ad altri temi. Le personalizzazioni da fare sono semplici e si possono fare direttamente dall’interfaccia di WordPress (Aspetto -> Editor).
Il file che dobbiamo andare a modificare è content.php (template-parts/content.php)
1- Eliminare il contenuto dell’articolo
Modificare il file content.php (template-parts/content.php) commentanto il <div class=”entry-content”>.
2- Elimininare autore, data ecc..
Al passo 1 abbiamo eliminato il contenuto dell’articolo ma se si clicca sulla categoria, vengono visualizzato accanto ad ogni titolo altre informazioni relative all’articolo. Per eliminarle commenta, sempre in content.php, la parte relativa al footer (<footer class=”entry-footer”>)
3- Riduzione font e interlinea
Con i primi 2 passi abbiamo ottenuto il risultato desiderato.
Ora il font che mostra gli articoli potrebbe risultare molto grande e i titoli potrebbero essere troppo distanziati tra loro.
Questa volta dobbiamo agire sulla prima parte del file
-Eliminando la class “entry-title” tal titolo in <h2>
-Modificando <h2> in <h4>
-Aggiungendo style=”margin-bottom: 0px;”
