Cómo resaltar publicaciones nuevas para visitantes recurrentes en WordPress

Tus visitantes recurrentes son tu audiencia más valiosa. Ya han mostrado interés en tu contenido y regresan por más.

Pero aquí está el detalle: cuando llegan a tu página de inicio, buscan una cosa específica: qué hay de nuevo desde su última visita.

La buena noticia es que resaltar publicaciones nuevas para visitantes recurrentes es más fácil de lo que crees y marca una diferencia real.

Hemos probado varios métodos en docenas de sitios de WordPress y encontramos 2 enfoques que funcionan de maravilla. En esta guía, te mostraremos las formas más efectivas de resaltar publicaciones nuevas para visitantes recurrentes.

¿Por qué resaltar publicaciones nuevas en tu sitio de WordPress?

Resaltar publicaciones nuevas en tu sitio de WordPress ayuda a los visitantes recurrentes a descubrir fácilmente tu nuevo contenido. De esta manera, no se perderán ninguna información fresca o actualización que hayas agregado a tu blog.

Etiquetar las publicaciones nuevas mejora la experiencia del usuario en tu sitio web de WordPress. Cuando un visitante recurrente llega a tu sitio web, puede identificar fácilmente qué publicaciones aún no ha leído, ahorrándole mucho tiempo y aumentando tus visitas a páginas.

Una buena experiencia de usuario en tu sitio no solo ayuda a atraer visitantes recurrentes, sino que también ayuda con el SEO de WordPress. Cuando tu sitio es fácil de usar, mejora tus rankings en los motores de búsqueda y aumenta la probabilidad de que los visitantes encuentren tu contenido.

Con esto en mente, veamos cómo puedes resaltar publicaciones nuevas para visitantes recurrentes en WordPress.

Te mostraremos dos métodos: uno con un plugin de WordPress y otro con código. Puedes saltar a un método específico usando los enlaces rápidos a continuación:

• Método 1: Resaltar publicaciones nuevas de WordPress con un plugin de WordPress
• Método 2: Resaltar publicaciones nuevas agregando código personalizado
• Aprende más formas de optimizar tu blog de WordPress
• Preguntas frecuentes: Resaltar publicaciones nuevas para visitantes recurrentes

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

Este primer método utiliza el plugin Mark New Posts. Lo recomendamos para bloggers principiantes porque es muy sencillo. Este plugin agregará una etiqueta para mostrar qué publicaciones de blog en WordPress aún no han visto los visitantes de tu sitio.

Primero, necesitas instalar y activar el plugin Mark New Posts. Si necesitas ayuda, consulta nuestra guía paso a paso sobre cómo instalar plugins de WordPress.

Después de eso, ve a Ajustes » Mark New Posts desde el área de administración de WordPress. Ahora verás la página de configuración del plugin.

Lo que quieres hacer ahora es seleccionar dónde mostrar la etiqueta 'Nuevo'. Puedes seleccionar Después del título de la publicación, Antes del título de la publicación, o Antes y después del título de la publicación.

Descubrimos que agregar la etiqueta después del título de la publicación se verá como una notificación y captará más la atención de los usuarios, así que eso es lo que hemos elegido.

A continuación, debes elegir cómo se verá el marcador en la configuración de Tipo de marcador. Las opciones incluyen texto "Nuevo", "Nuevo" texto heredado, Círculo naranja, Bandera, Imagen o Ninguno.

Asegúrate de explorar cada opción para ver cuál se ve mejor con el diseño de tu sitio web.

Otra configuración que puedes configurar es el color de fondo para el título de la nueva publicación. Si habilitas esto, entonces cuando un lector visite una nueva publicación, verá que la sección del título de la publicación tiene un color de fondo. No encontramos que esta configuración fuera necesaria, así que la deshabilitamos.

En la configuración 'Considerar una publicación como leída', puedes elegir cuándo desactivar la etiqueta de nueva publicación: después de que se abrió, después de que se mostró en la lista, o después de que se abrió cualquier página web del blog.

Sugerimos usar ‘después de que se abrió’. Esto significa que si un visitante no ha leído varias publicaciones y abre una, la etiqueta de publicación nueva para los otros artículos no desaparecerá.

A continuación, puedes seleccionar cuántos días la publicación permanecerá resaltada como nueva, mostrar todas las publicaciones existentes como nuevas para los visitantes nuevos y deshabilitar la etiqueta de nueva para tipos de publicación personalizados.

Las dos últimas configuraciones son bastante avanzadas.

Una es ‘Permitir fuera de la lista de publicaciones’, lo que significa que puedes resaltar publicaciones fuera de el bucle, como en áreas de barra lateral listas para widgets. Ten cuidado al habilitar esta configuración, ya que puede crear errores de WordPress no deseados.

La otra es ‘Usar JavaScript para mostrar marcadores’, que solo se recomienda si el plugin no es compatible con el tema u otros plugins que se estén utilizando en tu blog. En la mayoría de los casos, querrás mantener esta configuración deshabilitada.

Una vez que hayas terminado de configurar los ajustes del plugin, simplemente haz clic en ‘Guardar’.

¡Y eso es todo! Visita tu sitio web en modo incógnito para ver si las nuevas etiquetas para publicaciones recientes están activas.

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

Método 2: Resaltar publicaciones nuevas agregando código personalizado

¿No estás satisfecho con las opciones de etiqueta de publicación nueva que ofrece el plugin anterior? Si es así, puedes resaltar las publicaciones nuevas usando código personalizado en su lugar.

Para principiantes, este método puede parecer intimidante. Pero no te preocupes porque usaremos el plugin WPCode para insertar fragmentos de código de forma segura en WordPress sin romper tu sitio web.

WPCode también facilita la gestión de múltiples fragmentos de código personalizados, lo que será útil en nuestro caso, ya que usaremos más de uno.

Hemos probado a fondo esta herramienta en nuestro entorno de demostración y hemos descubierto que es la forma más confiable de agregar código personalizado.

Para obtener más información sobre nuestra experiencia, puedes consultar nuestra reseña de WPCode.

Lo primero que debes hacer es instalar WPCode en WordPress. Para obtener instrucciones de configuración, consulta nuestro artículo sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activado, ve a Fragmentos de código » + Agregar fragmento desde tu panel de WordPress.

Desde allí, busca 'Agregar tu código personalizado (Nuevo fragmento)' y haz clic en el botón '+ Agregar fragmento personalizado' debajo de él.

Luego, selecciona 'Fragmento de PHP' como tipo de código de la lista de opciones que aparecen en la pantalla.

Ahora, agreguemos un título a tu fragmento de código para que sea más fácil encontrarlo más adelante si es necesario.

Para esto, puedes nombrarlo algo como 'Modificador de título de última visita de WordPress'.

Después de eso, puedes copiar y pegar el fragmento de código a continuación:

// 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);

Lo que hace este fragmento es modificar los títulos de las publicaciones de WordPress basándose en la última visita de un usuario.

Comprueba si la página es una entrada de blog o no, y si no lo es, entonces mostrará el título original tal cual. Pero si es una entrada de blog, el título se modificará.

Luego, el fragmento se asegura de que la cookie lastvisit exista. Si no existe, el código la crea y la establece a la hora actual. La función compara entonces este tiempo de lastvisit con la fecha de publicación de la entrada y añade una etiqueta de 'Nuevo' al título si la entrada es más reciente que la última visita.

Una vez que hayas insertado el fragmento de código, simplemente desplázate hacia abajo y selecciona 'Insertar automáticamente' para el Método de inserción.

Por lo demás, asegúrate de elegir ‘Solo frontend’ para la Ubicación. Esto significa que el código solo se ejecutará en la parte de tu blog de WordPress con la que interactúan los visitantes y no en tu panel de administración ni en otros lugares.

Hecho esto, puedes activar el código y hacer clic en ‘Guardar fragmento’.

Ahora, repite el paso para agregar un nuevo fragmento de código personalizado. Esta vez, el código dará estilo a la etiqueta ‘Nuevo’ que se agrega a los títulos de las publicaciones recientes según la última visita de un usuario.

Por lo tanto, puedes nombrarlo algo como ‘Estilo de etiqueta Nuevo para título de publicación’ y el Tipo de código debe ser ‘Fragmento CSS’.

Luego, puedes copiar y pegar las siguientes líneas de código en el cuadro de vista previa del código:

/* 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 */
}

Este fragmento de código personaliza esencialmente la etiqueta de publicación ‘Nuevo’ utilizando un color de fondo personalizado, color de texto, relleno, margen, radio del borde y tamaño de fuente.

Siéntete libre de ajustar estos elementos a tus preferencias a medida que avanzas. Solo asegúrate de usar códigos de color hexadecimales o valores RGB para el fondo y los colores del texto.

En la sección de Inserción, selecciona ‘Encabezado de todo el sitio’ como Ubicación. Después de eso, activa el código y haz clic en ‘Guardar fragmento’.

¡Y eso es todo! Para ver si el código funciona, puedes publicar una nueva entrada de blog y ver la publicación en móvil o escritorio en modo incógnito.

Si el código es exitoso, deberías ver una etiqueta ‘Nuevo’ junto a los títulos de tus publicaciones recientes.

Aprende más formas de optimizar tu blog de WordPress

Además de destacar publicaciones destacadas para los visitantes recurrentes del sitio web, hay otras formas de mejorar tu blog y hacer que la gente permanezca más tiempo en tu sitio.

Por ejemplo, podrías mostrar publicaciones relacionadas con la que el visitante está leyendo actualmente. De esta manera, puedes mantenerlos interesados al presentar contenido que se alinee con sus intereses.

O podrías crear una barra de pie de página flotante y pegajosa para capturar direcciones de correo electrónico o promocionar ofertas especiales. Esta barra permanece visible mientras los visitantes se desplazan por la página. Puedes usarla para recordarles constantemente que se suscriban o aprovechen tu oferta, aumentando las tasas de conversión.

También podrías querer agregar un redimensionador de fuentes con fines de accesibilidad. Esto permite a los visitantes ajustar el tamaño de la fuente en tu sitio web según su preferencia, facilitando la lectura de tu contenido.

Si tienes mucho contenido en tu blog, podrías querer crear páginas personalizadas que muestren publicaciones del blog si tienen un campo personalizado específico.

Digamos que tienes un campo personalizado para 'Dificultad de la receta'. Podrías crear una página que muestre todas las publicaciones del blog etiquetadas como 'Receta' y que además tengan el valor del campo personalizado 'Fácil'.

De esta manera, los visitantes que buscan recetas fáciles pueden encontrarlas todas en un solo lugar.

Aquí tienes otros consejos que puedes consultar para optimizar aún más tu blog de WordPress:

• Cómo mostrar fechas relativas en WordPress
• Cómo crear una barra de desplazamiento personalizada en WordPress
• Cómo mostrar extractos de publicaciones en temas de WordPress
• Formas de crear un sitio de WordPress compatible con dispositivos móviles (Consejos de expertos)
• Cómo resaltar texto en WordPress (Guía para principiantes)
• Cómo agregar una barra de progreso de lectura en las entradas de WordPress

Preguntas frecuentes: Resaltar publicaciones nuevas para visitantes recurrentes

Aquí hay algunas preguntas frecuentes de nuestros lectores sobre cómo resaltar publicaciones nuevas para visitantes recurrentes en WordPress:

¿Cuánto tiempo debe permanecer marcada una publicación como 'nueva' para los visitantes recurrentes?

Esto depende de la frecuencia con la que publiques contenido y de la frecuencia con la que los usuarios regresen a tu sitio. Una buena regla general es resaltar las publicaciones como 'nuevas' durante:

• 7 días después de la publicación
• O hasta que el visitante vea la publicación

Puedes personalizar la duración usando código o la configuración de un plugin. Solo asegúrate de no mantener la etiqueta de 'nueva' para siempre; eso va en contra del propósito y puede confundir a los visitantes.

Considera mostrar una insignia sutil o una animación para que sea fácil de usar.

¿Usar cookies para resaltar publicaciones nuevas afectará el rendimiento del sitio?

No, usar cookies para resaltar publicaciones nuevas para visitantes recurrentes generalmente tiene un impacto mínimo en el rendimiento. Las cookies se almacenan en el navegador del usuario y se envían junto con las solicitudes, por lo que no agregan carga adicional a tu servidor.

Para mantener la eficiencia:

• Almacena solo los datos necesarios (por ejemplo, una sola marca de tiempo).
• Usa JavaScript ligero y CSS mínimo.
• Evita aplicar lógica a cada página si solo se necesita en la página del blog o de archivo.

Si te preocupa la optimización, combínala con un plugin de caché que admita contenido dinámico, como WP Rocket.

¿Puedo resaltar publicaciones nuevas solo para usuarios registrados?

Sí, si tu sitio requiere que los usuarios inicien sesión (como un sitio de membresía o comunidad), puedes resaltar publicaciones nuevas basándote en su última hora de inicio de sesión.

WordPress almacena el último inicio de sesión de cada usuario como metadatos, que puedes recuperar usando:

$last_login = get_user_meta(get_current_user_id(), 'last_login', true);

Luego puedes comparar este valor con la fecha de publicación de tus entradas.

Este método es más confiable que las cookies, ya que no depende del navegador del usuario. Es especialmente útil para paneles de miembros o portales de aprendizaje donde el contenido se actualiza con frecuencia.

Esperamos que este artículo te haya ayudado a aprender cómo resaltar nuevas publicaciones para visitantes recurrentes en WordPress. También puedes consultar nuestras selecciones expertas de los mejores plugins de constructores de páginas de arrastrar y soltar de WordPress y nuestra guía completa sobre los elementos de diseño más efectivos para un sitio web de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.