Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come evidenziare i nuovi post per i visitatori di ritorno in WordPress

Vi state chiedendo come evidenziare i nuovi post per i visitatori di ritorno in WordPress?

Offrire le nuove pubblicazioni sul vostro sito web è un modo per dare il benvenuto ai vostri lettori fedeli, aggiornarli e assicurarsi che non si perdano i vostri ultimi contenuti.

In questa guida passo passo, vi mostreremo come mettere in evidenza i nuovi post per i visitatori di ritorno in WordPress.

How to Highlight New Posts for Returning Visitors in WordPress

Perché evidenziare i nuovi post sul vostro sito WordPress?

Mettere in evidenza le nuove pubblicazioni sul vostro sito WordPress aiuta i visitatori restituiti a scoprire facilmente i vostri nuovi contenuti. In questo modo, non si perderanno le nuove informazioni o gli aggiornamenti aggiunti al blog.

L’etichetta dei nuovi post migliora l’esperienza dell’utente sul vostro sito web WordPress. Quando un visitatore restituisce il vostro sito web, può facilmente individuare i post che non ha ancora letto, salvando così molto tempo e aumentando le pagine viste.

Una buona esperienza utente sul vostro sito non solo rende felici i visitatori, ma aiuta anche la SEO di WordPress. Quando il vostro sito è facile da usare, migliora il posizionamento sui motori di ricerca e aumenta la probabilità che i visitatori trovino i vostri contenuti.

Tenendo presente questo, vediamo come è possibile evidenziare i nuovi post per i visitatori di ritorno in WordPress.

Vi mostreremo due metodi: uno con un plugin di WordPress e l’altro con il codice. Potete passare a un metodo specifico utilizzando i collegamenti rapidi qui sotto:

Metodo 1: Evidenziare i nuovi post di WordPress con un plugin di WordPress

Questo primo metodo utilizza il plugin Mark New Posts. Lo consigliamo ai blogger principianti perché è molto semplice. Questo plugin aggiunge un’etichetta per mostrare i post del blog che i visitatori del sito non hanno ancora visto.

Innanzitutto, è necessario installare e attivare il plugin Mark New Posts. Se avete bisogno di una guida, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Successivamente, andare su Impostazioni ” Contrassegnare i nuovi post dall’area di amministrazione di WordPress. A questo punto verrà visualizzata la pagina delle impostazioni del plugin.

A questo punto è necessario selezionare dove visualizzare l’etichetta ‘Nuovo’. È possibile selezionare Dopo il titolo del post, Prima del titolo del post o Prima e dopo il titolo del post.

Abbiamo riscontrato che l’aggiunta dell’etichetta dopo il titolo del post ha l’aspetto di una notifica e attira maggiormente l’attenzione degli utenti, quindi abbiamo scelto questa soluzione.

Selecting the new post marker placement in Mark New Posts plugin

Successivamente, è necessario scegliere l’aspetto del marcatore nell’impostazione Tipo di marcatore. Le opzioni disponibili sono “Nuovo” testo, “Nuovo” testo legacy, Cerchio arancione, Bandiera, Immagine o Nessuno.

Assicuratevi di esplorare ogni opzione per vedere quale si adatta meglio al design del vostro sito web.

Selecting a new post marker type in Mark New Posts plugin

Un’altra impostazione che si può configurare è il colore di sfondo per il titolo del nuovo post. Se si attiva questa opzione, quando un lettore visita un nuovo post, vedrà che la sezione del titolo del post ha un colore di sfondo. Non ritenendo necessaria questa impostazione, l’abbiamo disattivata.

Nell’impostazione “Considera un post come letto”, è possibile scegliere quando disattivare l’etichetta del nuovo post: dopo che è stato aperto, dopo che è stato visualizzato nell’elenco o dopo che è stata aperta una qualsiasi pagina web del blog.

Suggeriamo di scegliere “dopo che è stato aperto”. Ciò significa che se un visitatore non ha letto diversi post e ne apre uno, l’etichetta di nuovo post per gli altri articoli non scomparirà.

È poi possibile selezionare per quanti giorni il post deve rimanere evidenziato come nuovo, mostrare tutti i post esistenti come nuovi ai nuovi visitatori e disattivare la nuova etichetta per i tipi di post personalizzati.

The Mark New Posts plugin settings page

Le ultime due impostazioni sono piuttosto avanzate.

Una di queste è “Consenti al di fuori dell’elenco dei post”, il che significa che è possibile evidenziare i post al di fuori del ciclo, ad esempio nelle aree della barra laterale predisposte per i widget. Siate cauti nell’attivare questa impostazione, perché potrebbe creare errori indesiderati di WordPress.

L’altra è “Usa JavaScript per mostrare i marcatori”, consigliata solo se il plugin non è compatibile con il tema o con altri plugin utilizzati nel blog. Nella maggior parte dei casi, si consiglia di mantenere questa impostazione disattivata.

Una volta terminata la configurazione delle impostazioni del plugin, basta fare clic su “Salva”.

Clicking the Save button in Mark New Posts plugin

E questo è quanto! Visitate il vostro sito web in modalità incognito per vedere se le nuove etichette dei post recenti sono attive.

Ecco come appare sul nostro sito web dimostrativo:

Example of the new post marker made by Mark New Posts plugin

Metodo 2: Evidenziare i nuovi post aggiungendo un codice personalizzato

Non siete soddisfatti delle nuove opzioni per le etichette dei post offerte dal plugin precedente? Se è così, potete evidenziare i nuovi post utilizzando un codice personalizzato.

Per i principianti, questo metodo può sembrare intimidatorio. Ma non preoccupatevi, perché useremo il plugin WPCode per inserire in modo sicuro gli snippet di codice in WordPress senza rompere il vostro sito web.

WPCode consente anche di gestire facilmente più snippet di codice personalizzati, il che sarà utile nel nostro caso, dato che ne utilizzeremo più di uno.

WPCode - Best WordPress Code Snippets Plugin

Nota: sebbene esista una versione gratuita di WPCode, utilizzeremo WPCode Pro perché consente di inserire gli snippet di codice nelle posizioni corrette per questa esercitazione.

La prima cosa da fare è installare WPCode in WordPress. Per le istruzioni di installazione, consultate il nostro articolo su come installare un plugin di WordPress.

Quindi, andare su Code Snippets ” + Aggiungi snippet dalla dashboard di WordPress. Quindi, selezionate “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fate clic sul pulsante “Usa snippet”.

Adding custom code in WPCode

Ora aggiungiamo un titolo al nostro frammento di codice, in modo che sia più facile trovarlo in seguito, se necessario. A tale scopo, si può assegnare un nome come “WordPress Last Visit Title Modifier”.

Quindi, selezionare “Snippet PHP” nel menu a tendina Tipo di codice.

Giving the custom code snippet a title and selecting the PHP code type in WPCode

Dopodiché, è possibile copiare e incollare lo snippet di codice qui sotto:

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($title, $id) {

    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Questo snippet modifica i titoli delle pubblicazioni di WordPress on base all’ultima visita dell’utente.

Controlla se la pagina è un post del blog o meno e, in caso contrario, visualizza il titolo originale. Se invece si tratta di un post del blog, il titolo verrà modificato.

Poi, lo snippet si assicura che il cookie lastvisit esista. Se non esiste, il codice lo crea e lo imposta all’ora corrente. La funzione confronta quindi l’ora dell'ultima visita con la data di pubblicazione del post e aggiunge un’etichetta “Nuovo” al titolo se il post è più recente dell’ultima visita.

Una volta inserito lo snippet di codice, basta scorrere verso il basso e selezionare “Auto Insert” per il metodo di inserimento.

Oltre a questo, assicuratevi di scegliere “Solo frontend” per la posizione. Ciò significa che il codice verrà eseguito solo nella parte del vostro blog WordPress con cui i visitatori interagiscono e non nel pannello di amministrazione o in altri luoghi.

Modifying the insertion settings in WPCode and activating and publishing the code

Fatto questo, si può rendere il codice “attivo” e fare clic su “Salva snippet”.

Ora, ripetere il passaggio per aggiungere un nuovo snippet di codice personalizzato. Questa volta, il codice stilizzerà l’etichetta ‘Nuovo’ che viene aggiunta ai titoli dei post recenti in base all’ultima visita dell’utente.

Quindi, si può assegnare un nome come ‘Post Title New Label Style’ e il tipo di codice deve essere ‘CSS Snippet’.

Creating a CSS code to customize the new post label in WPCode

È quindi possibile copiare e incollare le seguenti righe di codice nella casella Anteprima codice:

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

Questo frammento di codice personalizza essenzialmente l’etichetta del post ‘Nuovo’, utilizzando un colore di sfondo personalizzato, il colore del testo, il padding, il margine, il raggio del bordo e la dimensione del carattere.

È gratuito adattare questi elementi alle proprie preferenze man mano che si procede. Assicuratevi di utilizzare i codici colore esadecimali o i valori RGB per i colori di sfondo e di testo.

Nella sezione Inserimento, selezionare ‘Site Wide Header’ come posizione. Quindi, rendere il codice “attivo” e fare clic su “Salva snippet”.

Choosing Site Wide Header as the code location in WPCode

Ed ecco fatto! Per verificare se il codice funziona, è possibile pubblicare un nuovo post sul blog e visualizzare la pubblicazione su mobile o desktop in modalità incognito.

Se il codice ha avuto successo, si dovrebbe vedere un’etichetta “Nuovo” accanto ai titoli dei post recenti.

Example of the new post label made with WPCode

Oltre a mettere in evidenza le nuove pubblicazioni per i visitatori che restituiscono il sito web, ci sono altri modi per migliorare il vostro blog e far sì che gli utenti rimangano più a lungo sul vostro sito.

Ad esempio, si possono visualizzare le pubblicazioni correlate a quella che il visitatore sta leggendo. In questo modo, si può mantenere l’engagement presentando contenuti in linea con i suoi interessi.

Oppure, si può creare una barra fluttuante in evidenza nel footer per acquisire indirizzi email o promuovere offerte speciali. Questa barra rimane visibile mentre i visitatori scorrono la pagina verso il basso. Potete usarla per fornire un costante promemoria per iscriversi o approfittare della vostra offerta, aumentando i tassi di conversione.

Si consiglia inoltre di aggiungere un ridimensionamento dei font per motivi di accessibilità. Questo permette ai visitatori di regolare la dimensione del font sul vostro sito web in base alle loro preferenze, facilitando la lettura dei vostri contenuti.

Se avete molti contenuti del blog, potreste voler creare pagine personalizzate che visualizzino i post del blog se hanno un campo personalizzato specifico.

Supponiamo di avere un campo personalizzato per “Difficoltà della ricetta”. Si potrebbe creare una pagina che visualizza tutti i post del blog taggati con “Ricetta” e che hanno anche il valore del campo personalizzato “Facile”. In questo modo, i visitatori che cercano ricette facili possono trovarle tutte in un unico posto.

Ecco altre verifiche per ottimizzare ulteriormente il vostro blog WordPress:

Speriamo che questo articolo vi abbia aiutato a capire come mettere in evidenza le nuove pubblicazioni per i visitatori che restituiscono il sito WordPress. Potreste anche voler selezionare i nostri esperti tra i migliori plugin per la creazione di pagine trascina e rilascia di WordPress e la nostra guida definitiva su come modificare un sito web WordPress.

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

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

14 commentiLascia una risposta

  1. Syed Balkhi

    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!

  2. keramzyt

    Is any way to set this cookie and functionality to different subpages on website?

  3. Peter

    Hi
    I use WP for a static website and show posts in a sidebar using the Recent Posts widget.

    I would like visitors to the site to be able to see new posts by highlighting them in some way in the sidebar e.g. showing “New” against the title of the post.

    Is there any plugin that will support this? The Mark New Posts widget only shows that the item is new once you have opened the post from the sidebar.

    Many thanks

    Peter

  4. محمود

    it didn’t work in my site…
    please help.

  5. S

    Forgot to mention, as mentioned above, most websites have more than one theme per post/page, so this may not work in that instance. Have a wonderful day.

  6. S

    Thank you for all your help. However, this needs to be in a short video and explained in slow detail. This is complicated and for developers that are used to coding, not for the average joe building a website. I always appreciate your emails so much

  7. simpson

    Hello
    this tutorial not works for me can u help me?

  8. sam

    Hi

    This is awesome but doesn’t work for me on wordpress multisite

    Thanks

  9. Sam

    This does not work for multisite network. Can you please advise. I appreciate your help by adding a tutorial for multisite.

    Thanks

  10. mthcsn

    Great stuff! Thanks!
    Although, I think the cookie is expiring rather fast. I think it was meant to be ‘time()+(60*60*24*7)’ so it expires after a week. Otherwise, it expires only after slightly less than 3 hours.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.