Come visualizzare i post recenti di una categoria specifica in WordPress

Volete visualizzare i post recenti di una categoria specifica sul vostro sito WordPress?

Filtrare i post per categoria consente di mostrare post recenti più rilevanti, che possono contribuire a ridurre la frequenza di rimbalzo e ad aumentare le pagine viste.

In questo articolo vi mostreremo diversi modi per visualizzare i post recenti di una categoria specifica in WordPress.

Perché filtrare i post per categoria in WordPress

La visualizzazione dei post recenti consente agli utenti di scoprire nuovi contenuti mentre navigano sul vostro sito web. Ciò contribuisce notevolmente ad aumentare il traffico e le visualizzazioni del vostro blog.

Può anche aiutare l’ottimizzazione del sito per i motori di ricerca, rendendo i contenuti più facilmente individuabili e migliorando l’interconnessione tra i post del blog.

Per rendere l’elenco dei post recenti ancora più utile, è possibile mostrare solo i post pertinenti al contenuto che gli utenti stanno visualizzando.

Questo semplice passo può incoraggiare i visitatori a trascorrere più tempo sul vostro sito, il che può anche portare a un maggior numero di abbonati e clienti via e-mail.

Ora, se volete visualizzare tutti i post di una categoria specifica in una pagina separata, WordPress se ne occupa già.

Per trovare la pagina della categoria, basta andare su Messaggi ” Categorie ” Visualizza pagina e cliccare sul link “Visualizza” sotto una categoria.

Detto questo, vediamo come visualizzare facilmente i post recenti per categoria in diverse aree del vostro sito web. Verranno trattati i seguenti metodi, in modo che possiate passare a quello che vi interessa:

Metodo 1: Aggiungere i post recenti per categoria utilizzando l’editor di blocchi

Per impostazione predefinita, WordPress dispone del blocco degli ultimi post nell’editor dei blocchi. Permette di visualizzare facilmente i post recenti all’interno di una pagina o di un post e di filtrarli per categoria.

Per prima cosa, è necessario modificare il post o la pagina in cui si desidera visualizzare i post recenti per categoria. Nella schermata di modifica del post, fare clic sul pulsante Aggiungi nuovo blocco (+) e cercare il blocco “Ultimi messaggi”.

Il blocco apparirà nell’area dei contenuti con un’anteprima dei post recenti. È sufficiente fare clic per selezionare il blocco e nella colonna di destra verranno visualizzate le impostazioni del blocco.

Nella parte superiore delle impostazioni sono presenti diverse opzioni, come la visualizzazione dell’immagine in primo piano, l’autore del post, la data e il contenuto.

A questo punto, è necessario scorrere verso il basso fino alla sezione Ordinamento e filtraggio sotto le impostazioni del blocco. Da qui, è necessario inserire il nome della categoria di cui si desidera mostrare i post.

È anche possibile selezionare più categorie separando i nomi delle categorie con una virgola.

Si noterà che l’anteprima dei post recenti cambierà per includere solo i post delle categorie scelte.

È ora possibile salvare il post o la pagina e visualizzarne l’anteprima in una finestra del browser. Ecco come appariva sul nostro sito di prova, che mostrava i post recenti di una categoria specifica con immagini in evidenza ed estratti di post.

Metodo 2: Aggiungere i post recenti per categoria nella barra laterale di WordPress

Questo metodo è consigliato agli utenti che desiderano visualizzare i post recenti di categorie specifiche nella barra laterale di WordPress.

Basta andare nella pagina Aspetto ” Widget e aggiungere il blocco “Ultimi messaggi” alla barra laterale.

Per impostazione predefinita, il blocco mostra i post più recenti. Si modificano le impostazioni del blocco e si scorre fino alla sezione “Ordinamento e filtraggio”.

Da qui è possibile scegliere la categoria da cui visualizzare i post.

Opzionalmente, si può scegliere di mostrare l’immagine in primo piano, l’estratto, l’autore e altro ancora.

Non dimenticate di fare clic sul pulsante “Aggiorna” per pubblicare le modifiche.

Ora è possibile visitare il proprio sito web per vedere i post recenti filtrati per categoria.

Metodo 3: Aggiungere i post recenti per categoria usando il codice

Questo metodo richiede l’aggiunta manuale di codice al vostro sito WordPress. Se non l’avete mai fatto prima, consultate la nostra guida su come copiare e incollare snippet di codice in WordPress.

Per prima cosa, è necessario copiare e incollare il seguente codice nel file functions.php del vostro tema WordPress o in un plugin di snippets di codice.

function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array( 
    'category_name' => 'travel', 
    'posts_per_page' => 5 
) ); 
   
// The Loop
if ( $the_query->have_posts() ) {
    $string .= '<ul class="postsbycategory widget_recent_entries">';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
            if ( has_post_thumbnail() ) {
            $string .= '<li>';
            $string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
            } else { 
            // if no featured image is found
            $string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
            }
            }
    } else {
    // no posts found
 $string .= '<li>No Posts Found</li>';
}
$string .= '</ul>';
   
return $string;
   
/* Restore original Post Data */
wp_reset_postdata();
}
// Add a shortcode
add_shortcode('categoryposts', 'wpb_postsbycategory');

Non dimenticate di sostituire “travel” con il vostro slug di categoria (il nome della categoria usato negli URL) e di salvare le modifiche.

Suggerimento: è possibile aggiungere anche più categorie separate da una virgola.

Si consiglia di aggiungere questo codice utilizzando WPCode, il miglior plugin per gli snippet di codice. Permette di aggiungere codice in modo sicuro in WordPress, senza modificare il file functions.php. In questo modo, non dovrete preoccuparvi di rompere il vostro sito.

Per iniziare, è necessario installare e attivare il plugin gratuito WPCode. Se avete bisogno di aiuto, consultate questo tutorial su come installare un plugin di WordPress.

Dopo l’attivazione, andare su Code Snippets ” + Add Snippet dalla dashboard di WordPress.

Si accede così alla pagina Aggiungi snippet. Da qui, trovare l’opzione “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet” sotto di esso.

Quindi, aggiungete un titolo per il vostro snippet, che può essere qualsiasi cosa per aiutarvi a ricordare a cosa serve il codice.

Quindi, incollare il codice di cui sopra nella casella “Anteprima codice” e selezionare “PHP Snippet” come tipo di codice dall’elenco a discesa sulla destra.

Quindi, spostare l’interruttore da ‘Inattivo’ ad ‘Attivo’ e premere il pulsante ‘Salva snippet’.

Questo codice chiede semplicemente a WordPress di visualizzare 5 post recenti della categoria “news”. Quindi visualizza questi post come un elenco puntato con immagini in primo piano di dimensioni miniaturizzate.

Infine, crea uno shortcode [categoryposts] da aggiungere a una pagina, a un post o a un widget della barra laterale. Di seguito vi mostreremo come utilizzare questo shortcode.

Utilizzo dello shortcode per aggiungere i post recenti per categoria ai post e alle pagine

È sufficiente modificare il post o la pagina in cui si desidera visualizzare i post recenti per categoria. Nella schermata di modifica del post, fare clic sul pulsante Aggiungi nuovo blocco (+) e aggiungere il blocco Shortcode all’area dei contenuti.

Successivamente, è necessario aggiungere lo shortcode [categoryposts] nelle impostazioni del blocco.

È ora possibile salvare il post o la pagina e visualizzarne l’anteprima per vedere in azione i post recenti di una categoria specifica. Ecco come appariva sul nostro sito di prova.

Come si può vedere, lo stile non sembra così ordinato. Non preoccupatevi, potete cambiarlo aggiungendo del codice CSS personalizzato al vostro tema.

Basta andare alla pagina Aspetto ” Personalizzazione per avviare il personalizzatore del tema e poi passare alla scheda “CSS aggiuntivi” nella colonna di sinistra.

È possibile aggiungere il seguente codice CSS personalizzato come punto di partenza.

ul.postsbycategory {
list-style: none;
}
.postsbycategory li {
padding-bottom:5px;
}
.postsbycategory img {
margin-right:5px
}

Non dimenticate di fare clic sul pulsante “Pubblica” per salvare il codice CSS personalizzato. Ora potete visitare il vostro post o la vostra pagina per vedere i vostri post recenti con uno stile un po’ più ordinato.

Aggiunta dello shortcode Messaggi recenti per categoria alla barra laterale di WordPress

È possibile aggiungere lo stesso shortcode alla barra laterale di WordPress o a qualsiasi area predisposta per i widget.

Basta andare nella pagina Aspetto ” Widget e aggiungere il blocco ‘Shortcode’ alla barra laterale.

Ora è possibile incollare lo shortcode [categoryposts] nelle impostazioni del blocco. Non dimenticate di cliccare sul pulsante Aggiorna per memorizzare le impostazioni del widget.

Ora è possibile visitare il proprio sito web per vedere il widget dei post recenti per categoria in azione. Ecco come appariva sul nostro sito web di prova.

Speriamo che questo articolo vi abbia aiutato a capire come visualizzare i post recenti di una categoria specifica in WordPress. Potreste anche consultare la nostra guida su come mostrare contenuti personalizzati a diversi utenti in WordPress e il nostro elenco dei migliori plugin di blocco per WordPress per personalizzare ulteriormente il vostro sito.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.