Come personalizzare gli estratti dei post di WordPress (senza codice)

Pubblicato: 2022-08-25

Vuoi personalizzare il tuo estratto di post di WordPress?

Un estratto è una breve anteprima di post completi che puoi visualizzare sulla pagina del tuo blog, nelle aree dei widget e su altre pagine del tuo sito WordPress.

In questo articolo, ti mostreremo come personalizzare i tuoi estratti di post WordPress senza scrivere una sola riga di codice.

Quando utilizzare gli estratti di post di WordPress

Innanzitutto, parliamo del motivo per cui è una buona idea personalizzare gli estratti sul tuo sito WordPress.

WordPress visualizzerà l'intero contenuto del post sulla tua home page, pagina del blog e archivi quando pubblichi un post sul blog. Sfortunatamente, questo può rallentare il tuo sito Web e influire sul posizionamento nei motori di ricerca perché avrai lo stesso contenuto su più pagine.

Tuttavia, se utilizzi estratti, non verranno visualizzati gli articoli completi. Invece, le tue pagine web mostreranno un estratto con un breve frammento del contenuto del post, evitando contenuti duplicati e problemi di velocità della pagina.

Alcuni dei posti migliori per utilizzare gli estratti includono:

  • La tua home page, se mostra i post
  • Pagine di archivio per tag e categorie
  • La pagina del tuo blog, se hai una home page statica

Se stai utilizzando un tema WordPress moderno, potrebbe supportare estratti e averli integrati nelle sue impostazioni. Molti temi ti consentono anche di personalizzare la funzionalità degli estratti, permettendoti di scegliere dove visualizzare gli estratti rispetto ai post completi.

Perché personalizzare gli estratti dei post in WordPress?

Alcuni temi WordPress generano automaticamente un estratto per i post. Per impostazione predefinita, WordPress utilizza le 55 parole iniziali del tuo post per lo snippet, anche se altri temi potrebbero mostrarne di più.

Tuttavia, questo può essere un problema se hai contenuti prima dell'introduzione del tuo post.

Poiché l'estratto generato automaticamente inizia con qualsiasi testo all'inizio del tuo post, può includere contenuti non necessari, come meta descrizioni, crediti immagine e altro.

Ecco un esempio di cosa intendiamo:

Un post estratto mostrato nel tema Ribosome

Come puoi vedere, i dettagli extra dall'inizio del post non sembrano professionali e possono confondere i visitatori del tuo sito web.

Se il tuo attuale tema WordPress non gestisce bene gli estratti, potresti voler personalizzarli. In questo modo, saranno più facili da leggere e genereranno più clic sui post.

Ora che sai cosa sono gli estratti, diamo un'occhiata ai diversi metodi per personalizzarli sul tuo sito.

Come personalizzare l'estratto del post di WordPress

Nei passaggi seguenti, condivideremo 3 modi per personalizzare i tuoi estratti di post di WordPress.

Il primo metodo ti mostrerà come creare un tema WordPress personalizzato (senza codice) e utilizzare semplici impostazioni point-and-click per aggiungere estratti personalizzati. Il secondo metodo ti mostrerà come utilizzare l'editor WordPress predefinito per personalizzare gli estratti dei post.

Quindi, il metodo finale ti mostra come modificare i file del tema per visualizzare manualmente estratti di post personalizzati.

Fare clic sui collegamenti sottostanti per passare al metodo più adatto alle proprie esigenze.

  • 1. Aggiungi estratti di post WordPress personalizzati al tuo tema
    • 2. Aggiungi estratti personalizzati nell'editor di WordPress (predefinito)
    • 3. Personalizza manualmente gli estratti dei temi di WordPress con il codice

      1. Aggiungi estratti di post WordPress personalizzati al tuo tema

      Se il tuo attuale tema WordPress non include la funzionalità per personalizzare gli estratti dei post di WordPress, potresti non sapere cosa fare dopo. Dovresti cambiare il tuo tema WordPress o codificare manualmente gli estratti nei tuoi file del tema?

      Fortunatamente, c'è una terza opzione. Puoi creare un tema WordPress personalizzato con SeedProd e personalizzare gli estratti con pochi clic.

      SeedProd WordPress website builder

      SeedProd è il miglior costruttore di siti Web WordPress. Con questo potente plugin, puoi creare temi WordPress da zero e aggiungere funzionalità personalizzate per il tuo sito web aziendale, tra cui:

      • Pagine di destinazione reattive
      • Barre laterali personalizzate
      • Estratti di post personalizzati
      • Moduli di generazione di piombo
      • Timer per il conto alla rovescia
      • Prossimamente e modalità di manutenzione
      • Pagine dei prodotti
      • E altro ancora.

      Ancora più importante, SeedProd non richiede codice, design o competenza tecnica. Genererà automaticamente tutti i file del modello del tema, consentendoti di personalizzare il tuo tema WordPress con il suo generatore di pagine drag-and-drop.

      Fai clic qui per iniziare con SeedProd, quindi segui questa guida passo passo per creare un tema WordPress personalizzato. Successivamente, puoi seguire queste istruzioni per aggiungere estratti di post personalizzabili al tuo nuovo tema.

      Modifica il modello di pagina del tuo blog

      Dopo aver creato il tuo tema WordPress con SeedProd, vai alla schermata SeedProd »Generatore di temi dal tuo amministratore di WordPress. In questa pagina vedrai un elenco dei modelli che compongono il tuo nuovo tema.

      Edit blog page theme file with SeedProd

      Puoi personalizzare visivamente ogni modello con l'editor visivo di SeedProd.

      Quindi, scorri l'elenco fino a visualizzare il file modello Blog, Indice, Archivi, Cerca , quindi fai clic sul collegamento Modifica design .

      Personalizza l'estratto del post di WordPress

      Ora, il modello si aprirà nel generatore di pagine live, dove puoi puntare e fare clic per personalizzarne l'aspetto e la funzionalità.

      Blog page tempalte in SeedProd's drag-and-drop builder

      Il layout di questo modello dipende dalle impostazioni che hai scelto durante la scelta del kit del tuo sito web. Per impostazione predefinita, il modello di pagina del tuo blog mostrerà i seguenti elementi:

      • Intestazione
      • Titolo archivio
      • Messaggi

      Per personalizzare gli estratti dei tuoi post, fai clic sul blocco dei post nella tua anteprima dal vivo. Dopo averlo fatto, vedrai le impostazioni del blocco sul lato sinistro dello schermo.

      SeedProd posts block settings

      In questo pannello puoi scegliere cosa mostrare agli utenti quando visitano la pagina del tuo blog. Ad esempio, puoi elencare i post del blog in base al tipo di query, modificare il layout delle colonne, visualizzare l'impaginazione, mostrare l'immagine in primo piano e regolare il tag del titolo.

      Puoi anche mostrare o nascondere l'estratto del post nello stesso pannello attivando o disattivando Mostra estratto .

      Turn on the Show Excerpt toggle in SeedProd's post block

      Dopo aver ruotato l'interruttore sulla posizione "On", puoi modificare la lunghezza del tuo estratto inserendo un conteggio di caratteri personalizzato. Puoi anche abilitare un link Leggi di più e personalizzarne il testo.

      Customize excerpt 'read more' link text

      Quando sei soddisfatto del tuo estratto del post personalizzato, fai clic sul pulsante Salva nell'angolo in alto a destra dello schermo.

      Ricorda: per visualizzare le tue modifiche sul front-end del tuo sito web, devi abilitare il tuo tema SeedProd. Puoi farlo andando su SeedProd »Generatore di temi e ruotando l'interruttore "Abilita tema SeedProd" sulla posizione "Attivo".

      Enable your SeedProd theme

      Ora puoi vedere i tuoi estratti di post WordPress personalizzati dal vivo sul tuo sito.

      WordPress post excerpt example

      2. Aggiungi estratti personalizzati nell'editor di WordPress (predefinito)

      Se non desideri modificare il tuo tema WordPress, puoi utilizzare l'editor di blocchi di WordPress predefinito per aggiungere estratti di post personalizzati.

      Innanzitutto, modifica un post WordPress esistente o creane uno nuovo.

      All'interno dell'editor di contenuti di WordPress, dovresti vedere il menu a discesa "Estratto" nel pannello di destra. Fare clic sulla freccia giù per espandere la casella dell'estratto personalizzato.

      Pannello di estratti di post di WordPress

      Ora puoi digitare il tuo estratto del post personalizzato nella casella. Ad esempio, puoi copiare il primo paragrafo del tuo post e incollarlo.

      Casella di estratti di post WordPress personalizzati

      Fai clic sul pulsante Pubblica o Aggiorna per salvare le modifiche, quindi puoi vedere il tuo estratto quando visualizzi l'anteprima del tuo sito web.

      Esempio di estratto di post di WordPress

      Suggerimento per professionisti: se sei l'editor classico, fai clic sulla scheda Opzioni schermo nell'angolo in alto a destra. Quindi, seleziona la casella "Estratto". Dopo, vedrai una sezione per il tuo estratto sotto l'area in cui scrivi il tuo post.

      3. Personalizza manualmente gli estratti dei temi di WordPress con il codice

      Come accennato in precedenza, la maggior parte dei temi moderni ha il supporto integrato per estratti di post personalizzati, ma alcuni potrebbero non esserlo. Se questo è il caso per il tuo tema attuale, dovrai modificare manualmente i file del tuo tema creando un tema figlio e aggiungendo del codice.

      Se ti senti a disagio a modificare i file del tuo tema, puoi utilizzare il metodo 1 in questo post, che non richiede codice.

      Innanzitutto, dovrai trovare il file modello utilizzato dal tuo tema figlio per visualizzare i post. Dai un'occhiata a questa guida sulla gerarchia dei modelli di WordPress per sapere quale file ti serve.

      I nomi dei file possono variare a seconda del tema. Tuttavia, molto probabilmente stai cercando i file home.php, content.php, archive.php e category.php.

      All'interno di ogni file, dovrai trovare questa riga:

      <?php the_content(); ?>
      

      Quindi, sostituiscilo con il tag the_excerpt in questo modo:

      <?php the_excerpt(); ?>
      

      Ricorda di aggiornare i tuoi file per salvare le modifiche prima di visualizzare in anteprima gli estratti sul tuo sito web. Se stai riscontrando errori, segui questi passaggi per correggere gli estratti di WordPress che non vengono visualizzati.

      Questo è tutto!

      Prossimi passi

      In questa guida, hai imparato come personalizzare gli estratti dei post di WordPress. Ecco altri tutorial che potresti trovare utili:

      • Come nascondere il tuo sito WordPress finché non sei pronto
      • Che cos'è l'abbandono del carrello (e come risolverlo)
      • WordPress bloccato in modalità di manutenzione? Ecco come risolverlo VELOCEMENTE...

      Grazie per aver letto. Seguici su YouTube, Twitter e Facebook per ulteriori contenuti utili per far crescere la tua attività.