Volete utilizzare il blocco More sul vostro sito web WordPress?
WordPress offre diversi modi per mostrare un’anteprima dei post nell’archivio e nella homepage. Questo può aiutare a catturare l’attenzione del visitatore e a spingerlo a leggere il post completo.
In questo articolo vi mostreremo come utilizzare correttamente il blocco More in WordPress. Vi mostreremo anche come creare un estratto, nel caso in cui stiate utilizzando un tema che ignora il blocco More.
Quando usare il blocco More in WordPress
Molti siti web utilizzano le anteprime dei post per incoraggiare i visitatori a verificare la versione completa.
Come utenti di WordPress, potete creare anteprime dei post in diversi modi. Ad esempio, si può utilizzare un plugin per la fisarmonica di WordPress o mostrare e nascondere il contenuto utilizzando l’effetto “toggle”.
Per impostazione predefinita, la maggior parte dei temi moderni di WordPress mostra automaticamente un’anteprima dei post nella homepage e negli archivi del blog, invece del post completo. Ad esempio, sulla pagina del nostro blog mostriamo alcune parole e poi un link “Leggi tutto” per vedere il post completo.
Questo testo di anteprima aiuta i visitatori a vedere meglio gli argomenti disponibili sul vostro blog senza dover scorrere tutti i post. Contribuisce inoltre ad aumentare le pagine viste, poiché i visitatori dovranno cliccare per finire di leggere un post.
È possibile controllare esattamente ciò che WordPress mostra in queste anteprime utilizzando il blocco More o un estratto.
La scelta migliore per il vostro sito varia a seconda del vostro tema WordPress. Alcuni temi ignorano i blocchi More creati dall’utente, quindi è necessario utilizzare un estratto.
Per aiutarvi a mostrare un’anteprima accattivante indipendentemente dal tema che state utilizzando, tratteremo sia i blocchi More che gli estratti.
Se preferite passare direttamente a un metodo particolare, potete utilizzare i link sottostanti.
- Come utilizzare correttamente il blocco More in WordPress
- Come utilizzare correttamente gli estratti in WordPress
Come utilizzare correttamente il blocco More in WordPress
L’editor di blocchi di WordPress ha un blocco More incorporato che consente di specificare l’esatto punto di interruzione per l’anteprima del testo di qualsiasi post di WordPress. Nell’editor classico, questo blocco era precedentemente noto come tag More.
È possibile aggiungere il blocco More in qualsiasi punto del post, anche a metà frase o nel mezzo di un paragrafo.
Tutti i contenuti al di sopra del blocco More appariranno nelle pagine dell’archivio del blog e ovunque i post siano elencati sul sito WordPress. WordPress aggiungerà anche un link “Read More” all’anteprima, in modo che i visitatori possano fare clic per leggere la versione completa del post.
Nota: ogni tema di WordPress è diverso dall’altro e alcuni possono sovrascrivere l’etichetta predefinita “Continua a leggere”. Per questo motivo, il testo del pulsante “Continua a leggere” potrebbe essere diverso.
Prima di aggiungere un blocco More al post, è importante verificare che il sito sia impostato per mostrare gli ultimi post nella homepage. Se si utilizza una pagina statica come homepage personalizzata, il tema potrebbe ignorare i blocchi More e utilizzare invece le proprie impostazioni.
Non siete sicuri di utilizzare una prima pagina statica come homepage? Per verificare, basta andare su Impostazioni ” Lettura nella dashboard di WordPress.
Nella parte superiore di questa schermata, si trova la sezione “Visualizza la tua homepage”. Se è selezionata la voce “I tuoi ultimi messaggi”, non dovrebbero esserci problemi a utilizzare il blocco More.
Per iniziare, basta aprire il post in cui si desidera aggiungere un altro blocco. Quindi, trovare il punto in cui si desidera creare il punto di interruzione per l’anteprima e fare clic sull’icona + per aggiungere un nuovo blocco.
È quindi possibile digitare “More” e selezionare il blocco giusto per aggiungerlo alla pagina.
Alcuni temi hanno un limite al numero di parole che possono mostrare nella homepage e nelle pagine di archivio. È possibile che il vostro tema possa ignorare il blocco More se cercate di includere un numero molto elevato di parole nella vostra anteprima. Per questo motivo, è una buona idea creare il punto di interruzione all’inizio del post.
A questo punto si può continuare a scrivere il resto del post come di consueto.
Potrete vedere il blocco More quando modificate il post nell’editor di blocchi, ma i vostri visitatori non lo vedranno quando leggeranno il post sul vostro blog WordPress.
Proprio come qualsiasi altro blocco, WordPress dispone di alcune impostazioni che si possono utilizzare per configurare il blocco More. Per vedere queste impostazioni, è sufficiente fare clic per selezionare il blocco More.
Nel menu di destra è ora possibile scegliere se nascondere o mostrare l’estratto nella pagina del contenuto completo, ovvero la pagina che si sta visualizzando.
Per impostazione predefinita, tutti i contenuti al di sopra del blocco More appariranno nella pagina dei contenuti completi, come si può vedere nell’immagine seguente.
Tuttavia, si potrebbe voler scrivere un estratto personalizzato che apparirà solo nella homepage e nella pagina dell’archivio, e non nell’intero post.
Per farlo, è sufficiente fare clic sul cursore “Nascondi il sito ….” per trasformarlo da bianco a blu.
Ora, tutto ciò che si trova al di sopra del blocco More apparirà solo nella pagina dell’archivio e nella homepage.
Una volta terminato, è possibile salvare le modifiche facendo clic sul pulsante Aggiorna o Pubblica.
Ora, se visitate la vostra homepage o la pagina dell’archivio del blog, vedrete l’anteprima appena creata per questo post.
Vedi qualcosa di diverso?
Allora il tema di WordPress potrebbe ignorare i blocchi More.
Alcuni temi sono progettati per mostrare gli estratti e sovrascrivono tutti i blocchi More. Se la homepage e gli archivi del blog non mostrano l’anteprima creata con il blocco More, potrebbe essere necessario utilizzare degli estratti.
Come modificare il testo del blocco More “Leggi di più
Per impostazione predefinita, il blocco More mostrerà un link Read More nel vostro archivio e nella vostra homepage.
Esistono diversi modi per modificare questo testo, ma si possono ottenere risultati leggermente diversi a seconda del tema di WordPress. Alcuni temi sovrascrivono le modifiche apportate con le loro impostazioni predefinite.
Per cominciare, vale la pena di verificare se è possibile modificare il testo Read More utilizzando l’editor dei post di WordPress.
Per farlo, basta aprire qualsiasi post che abbia un blocco Altro. È quindi possibile fare clic sul testo predefinito “LEGGI TUTTO” e digitare il testo che si desidera utilizzare al suo posto.
Dopodiché, aggiornare o pubblicare la pagina come di consueto. È quindi possibile visitare la homepage o l’archivio del blog per verificare se il testo Read More è cambiato.
Se si vede ancora il link originale Read More, potrebbe essere necessario sovrascrivere le impostazioni del tema utilizzando il codice.
È possibile creare un plugin specifico per il sito o utilizzare un plugin di snippets di codice come WPCode e aggiungere il seguente codice al sito:
function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '">Check out the full post</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link', 999 );
Questo sostituisce il testo predefinito “Read More” con “Check out the full post”, come si può vedere nell’immagine seguente.
È possibile utilizzare il testo che si desidera sostituendo ‘Check out the full post’ nello snippet di codice.
Come utilizzare correttamente gli estratti in WordPress
WordPress ha due modi diversi per mostrare l’anteprima di un post. Abbiamo già parlato del blocco More, ma è anche possibile creare un’anteprima utilizzando degli estratti.
Per le persone che visitano il vostro blog o sito web WordPress, le anteprime create utilizzando gli estratti e il blocco More hanno lo stesso aspetto. Tuttavia, alcuni temi sono codificati per utilizzare gli estratti, il che significa che ignoreranno i blocchi More e mostreranno invece un estratto.
Se non si aggiunge un estratto a un post manualmente, WordPress ne creerà uno automaticamente in base alla lunghezza dell’estratto definita dal tema. Questo può portare ad anteprime che si interrompono a metà frase.
Per questo motivo, si può scegliere di creare un estratto manualmente. Per farlo, basta aprire un post e poi fare clic per espandere la sezione “Estratto” nel menu di destra.
Nella casella “Scrivi un estratto” è possibile digitare o incollare l’estratto che si desidera utilizzare per il post.
Non vedete la casella “Estratto” nel menu di destra? Allora potete attivare questa impostazione facendo clic sull’icona con i tre puntini nell’angolo in alto a destra.
Una volta fatto ciò, fare clic su Preferenze.
Nella finestra di dialogo che appare, è sufficiente fare clic su “Pannelli”.
Ora vedrete tutte le impostazioni che potete aggiungere al menu di destra. È sufficiente trovare “Estratto” e fare clic su di esso per trasformarlo da bianco (disattivato) a blu (attivato).
Chiudere quindi la finestra a comparsa. Ora si dovrebbe avere accesso alle impostazioni di “Estratto” nel menu di destra.
A questo punto, è possibile creare un estratto seguendo lo stesso procedimento descritto sopra.
Una volta fatto ciò, è sufficiente salvare le modifiche e visitare il sito. A questo punto si vedrà l’estratto personalizzato nella homepage e nell’archivio del blog.
Speriamo che questo articolo vi abbia aiutato a imparare come utilizzare correttamente il tag More in WordPress. Potreste anche dare un’occhiata alla nostra guida SEO definitiva per i principianti e ai migliori plugin per landing page di WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed says
I have seen many blogs and websites which have static home page and then many blog posts on some sections of the home page itself with more blog in the second line.
That is very good to have a static page as well as the blog posts on the same home page and when clicked it directs to the particular blog posts.
Is there a way to add blog posts on home page itself like in a section?
WPBeginner Support says
It would depend on how your theme has the homepage set up but if you have a static home page you could add the posts via a block to the page.
Admin
Andy Manshel says
This tutorial says nothing about how to do this in the “Block” editing system.
WPBeginner Support says
The article was last updated in 2015, we will look into updating it when able. For the block editor, you would use the more block
Admin
Karis Seans says
How do I do this on my blog now? I can’t even find the more tag you are talking about.
WPBeginner Support says
This article was created before the block editor was added, to do this now you would add the more block to your post
Admin
Famous says
Please how will l know if my theme supports More Tag or excerpt?
WPBeginner Support says
If the plugin does not mention it in the documentation then the simplest method would be to test it to see if the read more works properly
Admin
Tracy says
I am wondering if I am able to change the wording in the read more tag. Like if I wanted it to say. Click to carry on reading?
Thomas Conrad says
What is the equivalent way to do this on pages instead of posts?
Thank you
Susie says
You never explain what to do after you insert the “read more” tag. Nothing happens on my wp page when I insert the tag in the middle of a content box. I mean, is it supposed to automatically hide the rest of the text? You just tell us to insert the tag and that is that.
Pat says
Hi,
I got the same problem, it’s not working when using More Tag in my post which appeared in my static page .
I tried to read those given blogs and explaination but it is really hard to understand it.
Could anyone help to give a tutorial or a detail example?
Thanks in advance!
Cyprus says
Is there a way to use ‘More Tag’ not just for excerpt purposes, but to actually toggle hide/unhide specific paragraphs of your post unless tag/button is clicked or hovered by reader? If not, then, are there any other alternatives to apply a similar effect without using shortcodes/plug-ins or css (as I am using a simple WordPress.com account)? If there REALLY is none, then I might be willing to explore other options but hopefully without having to pay anything…?
I would be grateful for some guidance. Thanks!
Peter Samuel says
If I want to change the location of the ‘more tag’ how do I cancel a more tag break? I’ve tried a couple of times to simply delete it and it deletes not only the more tag but all the text above it. If I add a more tag in a new position the old more tag remains.
Is there any clean way of undoing a more tag?
Charlie Parker says
Question: When the user clicks on the “continue reading” link, it goes to a spot in the blog where the link was. That is, it goes to a page using something like this:
http://example.com/how-to-have-a-great-day/#more-227
The “#more” parameter has “-227” after it indicating that the visual top of page should start at “position 227”.
But I want the visual top of the page to be the actual top of the page. If I manually change the URL to take off the “#more” parameter, then the actual top of the page is shown – which is what I want.
How do I make this happen automatically when I add the more tag in my post?
Thanks.
Maria says
Hi! Can I change the “read more” text? How can I do that? I want to put it in Spanish. Thank you.
abhay says
CAN ANY ONE TELL ME HOW TO ADD MORE READ IN POST , NOT PAGE OR HOME PAGE , LIKE SAME CONENT IN ANOHTER POST
Sam says
I have seen the same information everywhere, yet nothing happens when I insert the more tag option. I receive the dotted line, but it does not hide the larger portions of my post thereby leaving me with a post too large on my homepage. I am looking for perhaps an HTML version so I can do it manually.
Alan Kelly says
If you are using the text editor, then you can use the ‘more’ button in the toolbar or manually enter the more tag like this:
Rob says
Sam,
I write blog posts on domain.com/blog/ subfolders. When I use the “more” tag, it doesn’t show up on the actual post itself. When I’m on the blog landing page and it shows all the blogs with a truncated entry with a clickable “more” button. Clicking this opens the full post.
Hope this helps.
Rusi says
I’m not satisfied. It did not help me at all..
MAURINE says
me neither…
Baz says
All that has happened is that part of the Blog post has disappeared using More tag. Is it supposed to reappear somewhere?
Malcolm says
Are either of these a good tactic for using SEO excerpts for a membership sites? ie if someone wants to read more, they would hit a firewall requiring them to join? (But the More or Excerpt content would be open for anyone to read?)
Chris says
Hi,
your screenshot shows a “word count” in the excerpt area.
This seems to be not a standard, I don’t have this in my WP.
How have you made this please?
Thx.
fadhili says
Thanks
And how do I edit that default ‘read more’ tag to my language?
cjt says
You can use excerpts in yout theme as an intro to the post by adding the_excerpt (); tag anywhere in the html sheet.
You can use images in the excerpt by usin the img src tag. The only issue here is that they will not become responsive.
On the other hand, you can always use custom fields… and use excerpt, subtitle, etc. – all before the text for a more tag.