¿Alguna vez te has preguntado cómo los sitios populares resaltan nuevos elementos 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, pero también de obtener más páginas vistas.

En este tutorial, le mostraremos cómo resaltar nuevos artículos para los visitantes que regresan a su sitio web. blog de WordPress.

poner nuevos artículos más destacado

¿Por qué poner nuevos artículos resaltan el regreso de los visitantes?

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

Al resaltar contenido nuevo, puede llamar su atención sobre el contenido más reciente. Esto no solo lo ayudará a aumentar las visitas a su página, sino que también les permitirá encontrar contenido nuevo.

1 método: artículos destacan con un plugin

En este método, usaremos un complemento para resaltar nuevos artículos cuando los visitantes regresen. 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 complemento. Marcar mensajes nuevos. Para obtener más detalles, consulte nuestra guía paso a paso para forma de instalar un complemento de WordPress.

Después de activar el complemento, debe visitar la ubicación " Configuración "Marcar publicación nueva" para configurar el plugin

marknewposts-settings

Primero debe elegir la ubicación del signo distintivo. El complemento puede mostrarlo antes o después del título. Después de eso, debe elegir el tipo de marcador. Hay varias opciones disponibles para usted. De forma predeterminada, el complemento le permite mostrar una imagen como signo distintivo.

marcador distintivo

Puede optar por mostrar un círculo, una imagen personalizada, el texto " Nouveau O una bandera.

Finalmente, debe definir cuándo desea que desaparezca el marcador. Si marca la casilla " Marcar artículos como solo leídos después de abrirlos Luego se mostrarán como nuevos hasta que el usuario abra los elementos.

Puede resultar un poco molesto para sus usuarios. Le recomendamos que deje esta casilla sin marcar, para que sus usuarios solo sean notificados de nuevos artículos desde su última visita.

No olvide guardar su configuración. Eso es todo, el complemento ahora resaltará las nuevas publicaciones después de los visitantes que regresan.

Método 2: resaltar nuevos elementos manualmente

Este método requiere agregar código a su Plugin de WordPress. Si es un desarrollador, este método no será vinculante para usted. Como siempre, asegúrese de hacer una WordPress copia de seguridad antes de agregar fragmentos.

Lo primero que debe hacer es copiar y pegar este código en su Plugin de WordPress.

función bpc_lastvisit_the_title ($ título, $ id) {if (! in_the_loop () || is_singular () || get_post_type ($ id) == 'página') return $ título; // si no hay cookie, devuelve el título if (! isset ($ _ COOKIE ['última visita']) || $ _COOKIE ['última visita'] == '') return $ título; $ última visita = $ _COOKIE ['última visita']; $ publicación_fecha = get_post_time ('U', verdadero, $ id); if ($ publicación_fecha> $ última visita) $ título. = ' Nuevo '; return $ título; } add_filter ('el_título', 'wpb_lastvisit_the_title', 10, 2); // Establecer la función de cookie de última visita wpb_lastvisit_set_cookie () {if (is_admin ()) return; $ current = current_time ('marca de tiempo', 1); setcookie ('última visita', $ actual, hora () + 60 + 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN); } add_action ('init', 'bpc_lastvisit_set_cookie');

Este código busca una cookie cuando un visitante habitual inicia sesión. Si no puede encontrar la cookie, establece la cookie con la hora actual.

Si encuentra la cookie, agrega 'Nouveau'(o marcador de su elección) sobre los títulos de los artículos publicados antes de la creación de la cookie.

Tenga en cuenta que hay una clase " nuevo artículo 'En la etiqueta alrededor del marcador'Nouveau'. Puede utilizar esta clase para aplicar un estilo personalizado.

Aquí hay un ejemplo de código CSS:

-Elemento .new {background: #feffdd; padding: 3px; frontera: sólido 1px #eeefd2; -webkit-border-radius: 5px; -moz-border-radius: 5px; frontera de radio: 5px; margin-left: 5px; font-size: small; font-weight: bold; }

Así es como apareció en nuestro sitio (la pequeña etiqueta "Nuevo").

marcador de demostración sección de wordpress

Esperamos que este artículo le haya ayudado a destacar nuevos artículos para los visitantes que regresan. tu blog. No dudes en compartir el artículo con tus amigos.