¿Te preguntas cómo destacar nuevas entradas para los visitantes que vuelven en WordPress?
Mostrar las entradas recién publicadas en su sitio web es una forma de mantener actualizados a sus lectores y asegurarse de que no se pierden sus contenidos más recientes.
En esta guía paso a paso, le mostraremos cómo destacar nuevas entradas para los visitantes que regresan en WordPress.
¿Por qué destacar las entradas nuevas en su sitio WordPress?
Resaltar las nuevas entradas en tu sitio WordPress ayuda a los visitantes que vuelven a visitarlo a descubrir fácilmente tu nuevo contenido. De este modo, no se perderán ninguna información nueva o actualización que haya añadido a su blog.
Etiquetar las entradas nuevas mejora la experiencia del usuario en su sitio web de WordPress. Cuando un visitante vuelve a tu sitio web, puede ver fácilmente qué entradas no ha leído todavía, lo que le ahorra mucho tiempo y aumenta tus páginas vistas.
Una buena experiencia de usuario en su sitio no solo mantiene contentos a los visitantes, sino que también ayuda al SEO. Cuando su sitio es fácil de usar, mejora su posicionamiento en los motores de búsqueda y aumenta la probabilidad de que los visitantes encuentren su contenido.
Con esto en mente, vamos a ver cómo puede resaltar nuevas entradas para los visitantes que regresan en WordPress.
Le mostraremos dos métodos: uno con un plugin de WordPress y el otro con código. Puedes saltar a un método específico utilizando los enlaces rápidos de abajo:
Método 1: Resaltar nuevas entradas de WordPress con un plugin de WordPress
Este primer método utiliza el plugin Marcar Nuevas Entradas. Lo recomendamos para principiantes porque es muy sencillo. Este plugin añadirá una etiqueta para mostrar las entradas del blog que los visitantes de tu sitio aún no han visto.
En primer lugar, necesitas instalar y activar el plugin Marcar Nuevas Entradas. Si necesitas orientación, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Después de eso, ve a Ajustes ” Marcar Entradas Nuevas desde el área de administrador de WordPress. Ahora verás la página de ajustes del plugin.
Lo que quieres hacer ahora es seleccionar dónde mostrar la etiqueta ‘Nuevo’. Puede seleccionar Después del título de la entrada, Antes del título de la entrada o Antes y después del título de la entrada.
Nos parece que añadir la etiqueta después del título de la entrada parecerá un aviso y captará más la atención de los usuarios, así que eso es lo que hemos elegido.
A continuación, debe elegir el aspecto del marcador en el ajuste Tipo de marcador. Las opciones incluyen texto “Nuevo”, texto “Nuevo” heredado, círculo naranja, bandera, imagen o ninguna.
Asegúrese de explorar cada opción para ver cuál queda mejor con el diseño de su sitio web.
Otro ajuste que puede establecer es el color de fondo del título de la nueva entrada. Si activas esta opción, cuando un lector visite una nueva entrada, verá que la sección del título de la entrada tiene un color de fondo. Este ajuste no nos pareció necesario, así que lo desactivamos.
En el ajuste “Considerar una entrada como leída”, puede elegir cuándo desactivar la etiqueta de nueva entrada: después de abrirla, después de mostrarla en la lista o después de abrir cualquier página web del blog.
Le sugerimos que elija “después de abrirlo”. Esto significa que si un visitante no ha leído varias entradas y abre una, la etiqueta de nueva entrada de los demás artículos no desaparecerá.
A continuación, puede seleccionar cuántos días debe permanecer resaltada la entrada como nueva, mostrar todas las entradas existentes como nuevas a los nuevos visitantes y desactivar la etiqueta de nuevo para los tipos de contenido personalizados.
Los dos últimos ajustes son bastante avanzados.
Una es “Permitir fuera de la lista de entradas”, lo que significa que puede resaltar entradas fuera del bucle, como en las áreas de la barra lateral preparadas para widgets. Tenga cuidado acerca de activar este ajuste, ya que puede crear errores no deseados de WordPress.
La otra es “Usar JavaScript para mostrar los marcadores”, que solo se recomienda si el plugin no es compatible con el tema u otros plugins que se utilicen en tu blog. En la mayoría de los casos, querrá mantener desactivado este ajuste.
Cuando hayas terminado de configurar los ajustes de los plugins, sólo tienes que hacer clic en “Guardar”.
Y ya está. Sigue adelante y visita tu sitio web en modo incógnito para ver si las nuevas etiquetas de entradas recientes están activas.
Este es el aspecto que tiene en nuestro sitio web de demostración:
Método 2: Resaltar nuevas entradas añadiendo código personalizado
¿No estás satisfecho con las opciones de etiquetado de nuevas entradas que te ofrecía el plugin anterior? Si es así, entonces usted puede destacar nuevas entradas utilizando código personalizado en su lugar.
Para los principiantes, este método puede parecer intimidante. Pero no se preocupe, porque utilizaremos el plugin WPCode para insertar fragmentos de código de forma segura en WordPress sin romper su 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 utilizaremos más de uno.
Nota: Aunque existe una versión gratuita de WPCode, utilizaremos WPCode Pro porque permite insertar los fragmentos de código en las ubicaciones adecuadas para este tutorial.
Lo primero que tienes que hacer es instalar WPCode en WordPress. Para obtener instrucciones de instalación, sigue adelante y marca / comprueba nuestro artículo sobre cómo instalar un plugin de WordPress.
A continuación, vaya a Fragmentos de código ” + Añadir fragmento desde su escritorio de WordPress. A continuación, seleccione “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento”.
Ahora, vamos a añadir un título a su fragmento de código para que sea más fácil encontrarlo más tarde si es necesario. Para esto, puedes nombrarlo algo como ‘Modificador de Título de Última Visita de WordPress’.
A continuación, seleccione “Fragmento de código PHP” en el menú desplegable Tipo de código.
A continuación, puede copiar y pegar el fragmento de código siguiente:
// 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 de código es modificar los títulos de las entradas de WordPress en función de la última visita del usuario.
Comprueba si la página es una entrada de blog o no, y si no lo es, mostrará el título original tal cual. Pero si se trata de una entrada de blog, el título se modificará.
A continuación, el fragmento de código se asegura de que la cookie lastvisit
existe. Si no existe, el código la crea y establece la hora actual. La función compara la hora de la última
visita con la fecha de publicación de la entrada y añade una etiqueta “Nuevo” al título si la entrada es más reciente que la última visita.
Una vez que haya insertado el fragmento de código, desplácese hacia abajo y seleccione “Insertar automáticamente” como método de inserción.
Aparte de eso, asegúrese de elegir ‘Solo portada / vista pública’ para la Ubicación. Esto significa que el código solo se ejecutará en la parte de tu blog WordPress con la que interactúan los visitantes y no en tu panel de administrador u otros lugares.
Una vez hecho esto, puede hacer que el código quede ‘Activo’ y hacer clic en ‘Guardar fragmento de código’.
Ahora, repita el paso para añadir un nuevo fragmento de código personalizado. Esta vez, el código aplicará estilo a la etiqueta “Nuevo” que se añade a los títulos de entradas recientes en función de la última visita de un usuario.
Por lo tanto, puede llamarlo algo así como ‘Título de la entrada Nuevo estilo de etiqueta’ y el tipo de código debe ser ‘Fragmento de código CSS’.
A continuación, puede copiar y pegar las siguientes líneas de código en el cuadro 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 entrada “Nuevo” utilizando un color de fondo, color de texto, relleno, margen, radio de borde y tamaño de fuente personalizados.
No dudes en adaptar estos elementos a tus preferencias sobre la marcha. Asegúrese de utilizar códigos hexadecimales o valores RGB para los colores de fondo y del texto.
En la sección Inserción, seleccione ‘Cabecera de todo el sitio’ como Ubicación. A continuación, active el código y haga clic en “Guardar fragmento de código”.
Y ya está. Para ver si el código funciona, puedes publicar una nueva entrada en tu blog y visitar tu sitio web en modo incógnito.
Si el código es correcto, deberías ver una etiqueta “Nuevo” junto a los títulos de tus entradas recientes.
Consejo adicional: Ayude a los usuarios a descubrir contenido relevante con enlaces internos.
Además de destacar las nuevas entradas para los visitantes recurrentes, hay muchas otras formas de mantener la participación de los lectores.
Lo ideal es que los visitantes no sólo marquen / comprueben una entrada del blog, sino tres o más de una vez. Esto demuestra que disfrutan de su contenido y participan en la comunidad que está creando.
Sin embargo, a veces puede resultar difícil para los lectores encontrar contenidos que se ajusten a sus intereses. Ahí es donde entra en juego el enlazado interno.
Los enlaces internos son enlaces que dirigen a los usuarios a otras páginas o entradas de su sitio web.
Puede utilizarlos directamente en las entradas de su blog. O puede crear una sección debajo de la entrada para mostrar qué entradas del blog son actualmente populares entre sus lectores.
Si no está seguro de qué enlaces internos utilizar en una entrada de blog, All in One SEO (AIOSEO) tiene una característica de asistente de enlaces que puede darle algunas ideas.
Para obtener más información acerca del enlazado interno, consulte nuestra guía definitiva sobre enlazado interno para SEO.
Esperamos que este artículo te haya ayudado a aprender cómo destacar nuevas entradas para los visitantes que regresan en WordPress. También puede marcar / comprobar nuestra lista de WordPress SEO para principiantes y maneras fáciles de aumentar el tráfico de tu blog.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and 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!
keramzyt says
Is any way to set this cookie and functionality to different subpages on website?
Peter says
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
محمود says
it didn’t work in my site…
please help.
S says
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.
S says
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
WPBeginner Support says
Please use the first method which uses a plugin.
Administrador
simpson says
Hello
this tutorial not works for me can u help me?
sam says
Hi
This is awesome but doesn’t work for me on wordpress multisite
Thanks
Sam says
This does not work for multisite network. Can you please advise. I appreciate your help by adding a tutorial for multisite.
Thanks
mthcsn says
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.
Danny van Kooten says
Great idea – I turned this into a quick plugin so it’s even easier to integrate. It’s available from the WP.org repository: http://wordpress.org/plugins/highlight-new-posts/
Suggestions are very welcome.
simpson says
pls update plugin
Dennis Does Cricket says
Can you please show pics of what the intended outcome is?