Cómo destacar nuevas publicaciones para visitantes recurrentes en WordPress

¿Alguna vez se ha preguntado cómo los sitios populares destacan las nuevas publicaciones para los visitantes que regresan? Destacar claramente las nuevas publicaciones para los visitantes que regresan es una excelente manera de ayudar a los usuarios a encontrar contenido nuevo y aumentar las visitas a la página. En este artículo, le mostraremos cómo resaltar nuevas publicaciones para visitantes recurrentes en WordPress.

¿Por qué destacar nuevas publicaciones para visitantes recurrentes?

Los visitantes recurrentes suelen ser usuarios a los que les gusta su contenido y vuelven por más. Sin embargo, la mayoría de estos usuarios solo pasan unos segundos y se van si no encuentran nada de interés.

Al destacar contenido nuevo, puede dirigir la atención del usuario al contenido más reciente. Esto no solo lo ayudará a aumentar las visitas a la página, sino que también ayudará a los usuarios a encontrar contenido nuevo.

Método 1: resalte nuevas publicaciones de WordPress con un plugin

En este método, usaremos un plugin para resaltar nuevas publicaciones para usuarios recurrentes. Este método es más fácil de implementar y lo recomendamos para principiantes.

Lo primero que debe hacer es instalar y activar el archivo. Marcar publicaciones nuevas conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de la activación, debe visitar Configuración »Marcar publicaciones nuevas para configurar el plugin.

Primero debes elegir la ubicación del marcador. El plugin puede mostrar un nuevo marcador de publicación antes del título de la publicación, después del título de la publicación o ambos.

Después de eso, debe elegir un tipo de marcador. Hay muchas opciones. De forma predeterminada, el plugin mostrará una pequeña imagen como indicador.

Puede elegir mostrar un círculo, una imagen personalizada, un texto «Nuevo» o una bandera.

Finalmente, debe seleccionar cuándo desea que desaparezca el marcador. Si marca la casilla junto a la opción «Marcar publicaciones como solo leídas después de abrirlas», el plugin seguirá mostrando las publicaciones no leídas como nuevas para sus usuarios.

Esto puede resultar un poco molesto para sus usuarios. Le recomendamos que la deje sin marcar para que sus usuarios solo sean notificados de nuevas publicaciones desde su última visita.

No olvide hacer clic en el botón Guardar para almacenar su configuración.

Eso es todo, el plugin ahora resaltará nuevas publicaciones para usuarios que regresan con el tipo de indicador seleccionado.

Método 2: resalte las nuevas publicaciones agregando el código manualmente

Este método requiere agregar código a su sitio de WordPress. Si está seguro de que está agregando fragmentos de código a su sitio de WordPress, puede probar este método.

Como siempre, asegúrese de hacer una copia de seguridad de su WordPress antes de agregar fragmentos de código a su sitio.

Lo primero que debe hacer es copiar y pegar este código en el archivo functions.php de su tema o en un plugin específico del sitio.

function wpb_lastvisit_the_title ( $title, $id ) {

if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;

// if no cookie then just return the title 

if ( !isset($_COOKIE['lastvisit']) ||  $_COOKIE['lastvisit'] == '' ) return $title;
$lastvisit = $_COOKIE['lastvisit'];
$publish_date = get_post_time( 'U', true, $id );
if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';
return $title;
 
}

add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);
 
// Set the lastvisit cookie 

function wpb_lastvisit_set_cookie() {

if ( is_admin() ) return;
$current = current_time( 'timestamp', 1);
setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN );
}

add_action( 'init', 'wpb_lastvisit_set_cookie' );

Este código busca una cookie llamada lastvisit cuando un usuario llega a su sitio web. Si no encuentra la cookie, establece la cookie con la hora actual.

Si encuentra la cookie, agrega «Nuevo» al título de los artículos publicados desde la última visita del usuario.

Tenga en cuenta que existe un archivo new-article clase en <span> etiqueta alrededor de «Nuevo». Usarás esta clase para diseñar texto usando CSS.

Usamos el siguiente CSS para nuestra demostración. Simplemente cópielo y péguelo en el tema o en la hoja de estilo del tema hijo.

.new-article { 
background: #feffdd;
padding: 3px;
border: 1px solid #eeefd2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:5px;
font-size: small;
font-weight: bold;
}

Así es como se veía en nuestro sitio web de demostración.

Esperamos que este artículo le haya ayudado a destacar nuevas publicaciones para visitantes recurrentes en WordPress. Juegue con el código, edite el texto resaltado y CSS para satisfacer sus necesidades.

También es posible que desee consultar nuestra guía sobre cómo mostrar a un usuario las publicaciones visitadas más recientemente.