Come personalizzare gli estratti di WordPress (senza bisogno di codici)

Volete personalizzare il vostro estratto di WordPress?

Un estratto è un breve frammento del vostro post che potete visualizzare in un elenco di post del blog o in altre pagine chiave del vostro sito web.

In questo articolo vi mostreremo come personalizzare gli estratti di WordPress senza scrivere alcun codice.

Video tutorial

Se preferite le istruzioni scritte, continuate a leggere.

Quando e perché utilizzare gli estratti in WordPress

Innanzitutto, parliamo di quando ha senso usare gli estratti e perché è una buona idea farlo.

Per impostazione predefinita, WordPress mostra i post completi nella home page, nella pagina del blog e negli archivi del sito.

Questo rende il vostro sito WordPress più lento e può anche causare problemi con i motori di ricerca perché significa che avrete contenuti duplicati sul vostro sito.

L’uso di estratti rende le pagine più veloci perché viene caricata solo una piccola parte di ogni articolo. Si consiglia di utilizzare gli estratti su:

• La pagina iniziale del vostro sito web, se contiene i post del blog.
• Le varie pagine di archivio per le categorie e i tag.
• La pagina del post del vostro blog, se avete una home page statica.

Molti temi WordPress sono configurati per utilizzare estratti per impostazione predefinita in luoghi come la home page. Con i temi WordPress premium, si può scegliere se visualizzare i post completi o gli estratti.

Per maggiori dettagli, consultate il nostro articolo sui post completi rispetto agli estratti per ulteriori motivi di utilizzo degli estratti.

Perché personalizzare i propri estratti

Se il vostro tema WordPress utilizza gli estratti per impostazione predefinita, WordPress genererà automaticamente un estratto per voi. Per impostazione predefinita, WordPress utilizza le prime 55 parole del post, anche se molti temi ne mostrano un po’ di più.

Cosa c’è di sbagliato in questo? Non potete risparmiare tempo lasciando che sia WordPress a creare l’estratto per voi?

Ecco il problema. L’estratto generato automaticamente inizierà con il testo che si trova all’inizio del post. Questo può andare bene in alcuni casi, ma non funziona bene se si ha qualcosa prima dell’ introduzione del post.

Ecco un esempio di un sito che utilizza il tema Ribosoma:

Come si può vedere, l’estratto mostra il testo dell’inizio del post. Questo include il credito dell’immagine in evidenza e una nota sulla data dell’ultimo aggiornamento del post. Non è un aspetto molto positivo.

Se il vostro tema non gestisce molto bene gli estratti, potreste volerli personalizzare per renderli più facili da leggere e aiutarvi a ottenere più clic per i post.

Detto questo, vediamo i diversi modi per personalizzare gli estratti in WordPress. Potete usare i seguenti link per passare al metodo che preferite:

1. Come aggiungere un estratto personalizzato in WordPress (predefinito)

Aggiungere un estratto personalizzato in WordPress è abbastanza semplice. Innanzitutto, è necessario creare un nuovo post o modificarne uno esistente.

Nel pannello di destra dell’editor di contenuti di WordPress, si dovrebbe vedere il menu a tendina “Excerpt”. Fare clic sulla freccia verso il basso accanto ad essa.

Si espanderà per mostrare il riquadro dell’estratto.

Qui è possibile digitare l’estratto del post personalizzato. Noi abbiamo semplicemente copiato il primo paragrafo del nostro post.

Nota: se si utilizza ancora il vecchio editor classico, è necessario fare clic sulla scheda “Opzioni schermo” nell’angolo in alto a destra. Quindi, spuntare la casella “Estratto”. Ora vedrete uno spazio per l’estratto sotto la casella in cui scrivete il post.

Il tema WordPress utilizzerà ora l’estratto personalizzato per questo post.

Come si può notare, il link Continua a leggere non viene visualizzato dopo l’estratto. A seconda del tema utilizzato, gli estratti personalizzati potrebbero non avere questo link.

Il lettore può comunque cliccare sul titolo del post o sull’immagine in evidenza per leggere l’intero post.

2. Modifica della lunghezza dell’estratto

Se volete modificare la lunghezza degli estratti sul vostro sito, potete utilizzare il plugin gratuito WPCode. Non solo è il modo più semplice e sicuro per aggiungere codice personalizzato al vostro sito, ma è anche dotato di un’ampia libreria di snippet di codice preconfigurati.

Oggi utilizzeremo uno di questi snippet integrati.

Per iniziare, è necessario installare e attivare WPCode. Per maggiori dettagli, potete consultare la nostra guida passo-passo su come installare un plugin di WordPress.

Una volta attivato, potete andare su Code Snippets “ Add Snippet nel pannello di amministrazione di WordPress e cercare “excerpt”.

Passare il mouse sul risultato intitolato “Modifica della lunghezza dell’estratto” e fare clic sul pulsante “Usa frammento”.

Il plugin inserirà quindi il seguente frammento di codice:

add_filter(
	'excerpt_length',
	function ( $length ) {
		// Number of words to display in the excerpt.
		return 40;
	},
	500
);

Successivamente, verrà visualizzata la schermata ‘Edit Snippet’. WPCode ha già preconfigurato tutte le impostazioni per voi.

Per impostazione predefinita, questo snippet limita l’estratto a 40 parole. È possibile modificare il numero della riga 5 in base alle esigenze del proprio blog WordPress.

Una volta impostata la lunghezza dell’estratto desiderata, è sufficiente spostare l’interruttore su “Attivo” e fare clic sul pulsante “Aggiorna”.

Ora, quando si visita il sito, gli estratti abbreviati si troveranno ovunque il tema li mostri.

Di seguito è riportato un esempio di come apparirebbe utilizzando il tema Twenty Twenty-Two e impostando lo snippet WPCode per visualizzare 5 parole.

Si noti che lo snippet di WPCode funziona solo con gli estratti predefiniti generati da WordPress.

Modifica della lunghezza degli estratti personalizzati

Se si desidera modificare la lunghezza degli estratti personalizzati, è necessario aggiungere uno snippet personalizzato separato in WPCode. È molto facile copiare e incollare gli snippet di codice in WordPress e, poiché stiamo usando WPCode, l’operazione segue molti degli stessi passaggi descritti sopra.

Per prima cosa, navigare su Code Snippets “ Add Snippet. Passare il mouse su “Aggiungi codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet”.

Successivamente, viene visualizzata la pagina “Crea uno snippet personalizzato”.

A questo punto è necessario dare un titolo al nuovo snippet e incollare il seguente codice nel campo “Anteprima codice”:

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
	
	$excerpt_length = 40; // Change excerpt length 
	$excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
	
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
	
    return $excerpt;
	
}, 10, 2 );

È possibile modificare il valore di $excerpt_length sulla riga 3 per scegliere il numero di parole dell’estratto personalizzato.

Inoltre, modificando il testo evidenziato di seguito nella riga 4, si cambierà il testo di ancoraggio per il link Continua a leggere quando l’estratto viene tagliato.

Dopo aver personalizzato lo snippet in base alle proprie esigenze, assicurarsi che il “Tipo di codice” sia impostato su “Snippet PHP”.

A questo punto, è possibile spostare l’interruttore su “Attivo” e fare clic sul pulsante “Salva snippet”.

Ora, quando visiterete il vostro sito, vedrete che i vostri estratti personalizzati sono stati accorciati alla lunghezza scelta nella riga 3.

3. Cambiare il testo di lettura per gli estratti

Oltre allo snippet di cui sopra, è possibile utilizzare la libreria di snippet WPCode per modificare il testo “Read More” che appare con gli estratti nella maggior parte dei temi.

È sufficiente installare e attivare il plugin gratuito WPCode. Per ulteriori informazioni, potete seguire la nostra guida passo-passo su come installare un plugin di WordPress.

Una volta attivato, si può andare su Code Snippets ” Add Snippet nel pannello di amministrazione. Da lì, cercate “excerpt” e passate il mouse sul risultato intitolato “Change Read More Text for Excerpts”.

È possibile fare clic sul pulsante “Usa snippet” per accedere alla pagina “Modifica snippet”. WPCode ha già preconfigurato lo snippet di codice per voi e, per impostazione predefinita, è impostato per dire “Leggi tutto il post”.

Tuttavia, è possibile sostituire il testo della riga 4 con qualsiasi cosa si desideri.

Quando si è soddisfatti del nuovo testo, basta spostare l’interruttore su “Attivo” e fare clic sul pulsante “Aggiorna”.

4. Visualizzazione di estratti nel tema

La maggior parte dei temi WordPress più diffusi è dotata di un supporto integrato per la visualizzazione di estratti personalizzati nei post.

Tuttavia, alcuni temi potrebbero non avere il supporto per gli estratti. Se questo è il caso del vostro, dovrete modificare manualmente i modelli del vostro tema.

Aggiunta dell’estratto del post nei temi a blocchi

Se si utilizza un tema a blocchi, si può andare alla pagina Aspetto ” Editor per modificare il tema nell’Editor del sito.

Si aprirà l’editor del sito. Fare clic sul modello che si desidera modificare dalla barra laterale sinistra o semplicemente puntare sull’area in cui sono visualizzati i post.

L’editor completo del sito può visualizzare gli ultimi post utilizzando il blocco Query Loop, che è il modo standard per visualizzare un elenco di post.

Dopo aver aggiunto il blocco Query loop, è necessario fare clic sul pulsante ‘Scegli’ per selezionare un modello.

WordPress include diversi layout come modelli per il Query Loop; si può scegliere tra griglia, tabella, elenco e altro ancora.

Il modello di post generato ora mostrerà automaticamente l’estratto del post.

Tuttavia, l’unica cosa che si può modificare è il testo di approfondimento.

Aggiunta di estratti di post nei temi classici

Se si utilizza un tema classico, è possibile aggiungere un estratto di post creando un tema figlio e aggiungendo del codice.

Questo aggiunge un po’ di complessità al processo e se non vi sentite a vostro agio, potete usare il metodo 3 di questo articolo, che non richiede l’aggiunta di alcun codice.

Nel tema figlio, è necessario il modello utilizzato per visualizzare le pagine che si desidera modificare. Consultate la nostra guida alla gerarchia dei template di WordPress per capire quale template dovete modificare.

I nomi dei file variano leggermente a seconda del tema, ma probabilmente si tratta di home.php, content.php, archive.php e category.php.

In ognuno di questi file è necessario trovare questa riga:

<?php the_content(); ?>

Successivamente, è necessario sostituirlo con il tag_excerpt, in questo modo:

<?php the_excerpt(); ?>

Importante: non consigliamo questo metodo ai principianti. Anche se siete abbastanza esperti di WordPress, potreste voler evitare di creare un tema figlio e di modificare i file del modello.

I due metodi successivi sono ottime alternative.

5. Mostrare l’inizio dei post con il tag More

Un altro modo per creare una versione breve del post per la homepage e le pagine di archivio di WordPress è utilizzare il tag “More”.

Funziona in modo leggermente diverso da un estratto. Invece di creare un frammento di solo testo del post, il tag More consente di interrompere il post a un certo punto.

Ciò significa che solo la prima parte del post (fino al tag) verrà visualizzata nell’elenco dei post della homepage, della pagina delle categorie e così via. Il vantaggio del tag More è che mantiene tutta la formattazione.

Nel punto in cui si inserisce il tag More, WordPress mostrerà un link “Read More”. I lettori possono fare clic su questo link per accedere all’intero post. Inoltre, verranno automaticamente portati al punto giusto del post.

Per creare un altro tag, creare un nuovo post o modificarne uno esistente.

Successivamente, è necessario aggiungere un blocco nel punto in cui si desidera inserire il tag Altro. Selezionare il blocco More dalla sezione Opzioni di layout o cercarlo con la barra di ricerca.

Ecco come apparirà il tag More nell’editor dei contenuti.

Opzionalmente, si può scegliere di nascondere il contenuto prima del tag More sul post vero e proprio.

Nota: è possibile aggiungere un tag More anche nel vecchio editor classico. Fare clic sul punto in cui si desidera posizionare il tag nel post stesso, quindi fare clic sul pulsante Altro nella barra degli strumenti visiva.

Praticamente tutti i temi sono in grado di utilizzare il tag More ovunque vengano visualizzati i post. Tuttavia, se il tema visualizza degli estratti, è necessario personalizzare l’estratto stesso. Non è possibile modificarlo aggiungendo un tag More ai post.

6. Aggiunta di estratti WordPress personalizzati tramite plugin

E se la funzionalità integrata di WordPress per gli estratti personalizzati non fa quello che volete… e non volete nemmeno usare un tag More?

C’è una soluzione semplice. È possibile utilizzare un plugin per creare e visualizzare estratti personalizzati.

Per prima cosa, è necessario installare e attivare il plugin Advanced Excerpt.

Se non avete mai installato un plugin, date un’occhiata alle nostre istruzioni passo passo su come installare un plugin di WordPress.

Una volta attivata, è possibile andare su Impostazioni ” Estratto per impostarne il funzionamento.

Qui è possibile modificare aspetti quali il numero di caratteri o di parole che l’estratto visualizzerà. Si può anche decidere se consentire all’estratto di interrompersi a metà parola o a metà frase.

È inoltre possibile ripristinare il link “Per saperne di più” che normalmente scompare dall’estratto personalizzato. Si può anche cambiare il testo che si desidera e modificarne il funzionamento:

Suggerimento: per utilizzare estratti personalizzati con questo plugin, deselezionare la casella “Genera estratti anche se un post ha un estratto personalizzato allegato”.

Si presenta così.

Dopo aver apportato le modifiche alle impostazioni dell’Estratto avanzato, assicurarsi di fare clic sul pulsante “Salva” in fondo alla schermata.

Con il plugin Advanced Excerpt, gli estratti manterranno la formattazione del post. Ecco un estratto generato automaticamente con il plugin attivato.

Come si può notare, l’interruzione di riga e il testo in corsivo sono stati mantenuti.

Per impostazione predefinita, il plugin Advanced Excerpt utilizza gli estratti nella home page, nel feed RSS e in altre pagine di archivio.

Non apporta alcuna modifica ai contenuti e se si desidera disattivarlo, è sufficiente disattivare il plugin.

Speriamo che questo articolo vi abbia aiutato a personalizzare facilmente gli estratti di WordPress senza alcun codice. Potreste anche apprezzare il nostro elenco dei plugin che ogni sito aziendale deve avere o la nostra guida su come ottenere un certificato SSL per 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.