¿Se pregunta cómo resaltar nuevas publicaciones para los visitantes que regresan en WordPress?
Mostrar las publicaciones recientes en su sitio web es una forma de mantener a sus lectores actualizados y asegurarse de que no se pierdan su contenido más reciente.
En esta guía paso a paso, le mostraremos cómo resaltar nuevas publicaciones para los visitantes que regresan en WordPress.
¿Por qué resaltar nuevas publicaciones en su sitio de WordPress?
Destacar nuevas publicaciones en su sitio de WordPress ayuda a los visitantes recurrentes a descubrir fácilmente su nuevo contenido. De esta manera, no se perderán ninguna información nueva o actualizaciones que haya agregado a su blog.
Etiquetar nuevas publicaciones mejora la experiencia del usuario en su sitio web de WordPress. Cuando un visitante recurrente llega a su sitio web, puede detectar fácilmente qué publicaciones aún no ha leído, lo que le ahorra mucho tiempo y aumenta sus páginas vistas.
Una buena experiencia de usuario en su sitio no sólo mantiene contentos a los visitantes sino que también ayuda con el SEO. Cuando su sitio es fácil de usar, mejora su clasificación en los motores de búsqueda y aumenta la probabilidad de que los visitantes encuentren su contenido.
Con eso en mente, veamos cómo puedes resaltar nuevas publicaciones para los visitantes que regresan en WordPress.
Te mostraremos dos métodos: uno con un complemento de WordPress y el otro con código. Puede saltar a un método específico utilizando los enlaces rápidos a continuación:
Método 1: resaltar nuevas publicaciones de WordPress con un complemento de WordPress
Este primer método utiliza el Marcar publicaciones nuevas enchufar. Lo recomendamos para principiantes porque es muy sencillo. Este complemento agregará una etiqueta para mostrar qué publicaciones de blog los visitantes de su sitio aún no han visto.
En primer lugar, debe instalar y activar el complemento Marcar publicaciones nuevas. Si necesita orientación, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de eso, ve a Configuración » Marcar publicaciones nuevas desde el área de administración de WordPress. Ahora verá la página de configuración del complemento.
Lo que quiere hacer ahora es seleccionar dónde mostrar la etiqueta «Nuevo». Puede 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, debe elegir cómo se verá el marcador en la configuración Tipo de marcador. Las opciones incluyen texto “Nuevo”, texto heredado “Nuevo”, círculo naranja, Bandera, Imagen o Ninguno.
Asegúrese de explorar cada opción para ver cuál se ve mejor con el diseño de su sitio web.
Otra configuración que puedes configurar es el color de fondo del título de la nueva publicación. Si habilita esto, 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 consideramos necesaria esta configuración, por lo que la desactivamos.
En la configuración ‘Considerar una publicación como leída’, puede 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 nueva publicación para los otros artículos no desaparecerá.
A continuación, puede seleccionar cuántos días la publicación debe permanecer resaltada como nueva, mostrar todas las publicaciones existentes como nuevas para los nuevos visitantes y desactivar la nueva etiqueta para tipos de publicaciones personalizadas.
Las dos últimas configuraciones son bastante avanzadas.
Una es ‘Permitir fuera de la lista de publicaciones’, lo que significa que puede resaltar publicaciones fuera del bucle, como en las áreas de la barra lateral listas para widgets. Tenga cuidado al habilitar esta configuración, ya que puede crear errores de WordPress no deseados.
La otra es «Usar JavaScript para mostrar marcadores», que sólo se recomienda si el complemento no es compatible con el tema u otros complementos que se utilizan en su blog. En la mayoría de los casos, querrás mantener esta configuración desactivada.
Una vez que haya terminado de configurar los ajustes del complemento, simplemente haga clic en «Guardar».
¡Y eso es! Continúe y visite su sitio web en modo incógnito para ver si las nuevas etiquetas de las 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 nuevas opciones de etiqueta de publicación que ofrece el complemento anterior? Si es así, puedes resaltar publicaciones nuevas usando un código personalizado.
Para los principiantes, este método puede parecer intimidante. Pero no te preocupes porque usaremos el Código WPC complemento para insertar fragmentos de código de forma segura en WordPress sin dañar su sitio web.
WPCode también facilita la administración de múltiples fragmentos de código personalizados, lo que será útil en nuestro caso ya que usaremos más de uno.
Nota: Si bien hay un versión gratuita de WPCodeusaremos Código WPC Pro porque le permite insertar los fragmentos de código en las ubicaciones adecuadas para este tutorial.
Lo primero que debes hacer es instalar WPCode en WordPress. Para obtener instrucciones de configuración, consulte nuestro artículo sobre cómo instalar un complemento de WordPress.
A continuación, vaya a Fragmentos de código » + Agregar fragmento desde su panel de WordPress. Después de eso, seleccione ‘Agregar su código personalizado (nuevo fragmento)’ y haga clic en el botón ‘Usar fragmento’.
Ahora, agreguemos un título a su fragmento de código para que sea más fácil encontrarlo más adelante si es necesario. Para esto, puede nombrarlo como «Modificador de título de la última visita de WordPress».
Luego, seleccione ‘Fragmento de PHP’ en el menú desplegable Tipo de código.
Después de eso, puedes copiar y pegar el siguiente fragmento de código:
// 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 según la última visita del usuario.
Comprueba si la página es una publicación de blog o no, y si no, mostrará el título original tal como está. Pero si es una publicación de blog, se modificará el título.
Luego, el fragmento garantiza la lastvisit
La galleta existe. Si no es así, entonces el código lo crea y lo establece en la hora actual. La función luego compara esto lastvisit
time con la fecha de publicación de la publicación y agrega una etiqueta ‘Nuevo’ al título si la publicación es más reciente que la última visita.
Una vez que haya insertado el fragmento de código, simplemente desplácese hacia abajo y seleccione ‘Inserción automática’ para el Método de inserción.
Aparte de eso, asegúrese de elegir «Solo interfaz» para la Ubicación. Esto significa que el código solo se ejecutará en la parte de su blog de WordPress con la que interactúan los visitantes y no en su panel de administración u otros lugares.
Una vez hecho esto, puede hacer que el código esté «activo» y hacer clic en «Guardar fragmento».
Ahora repita el paso para agregar un nuevo fragmento de código personalizado. Esta vez, el código diseñará la etiqueta «Nuevo» que se agrega a los títulos de publicaciones recientes según la última visita de un usuario.
Por lo tanto, puede nombrarlo como «Nuevo estilo de etiqueta de título de publicación» y el tipo de código debe ser «Fragmento CSS».
Luego 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 esencialmente personaliza la etiqueta de publicación ‘Nuevo’ usando un color de fondo, color de texto, relleno, margen, radio de borde y tamaño de fuente personalizados.
Siéntase libre de ajustar estos elementos a sus preferencias a medida que avanza. Sólo asegúrese de utilizar códigos de color hexadecimales o valores RGB para los colores de fondo y texto.
En la sección Inserción, seleccione «Encabezado de todo el sitio» como Ubicación. Después de eso, haga que el código esté «activo» y haga clic en «Guardar fragmento».
¡Y eso es! Para ver si el código funciona, puede publicar una nueva publicación de blog y visitar su sitio web 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.
Consejo adicional: ayude a los usuarios a descubrir contenido relevante con enlaces internos
Además de resaltar nuevas publicaciones para los visitantes que regresan, existen muchas otras formas de mantener a sus lectores interesados.
Idealmente, desea que los visitantes vean no solo una, sino tres o más publicaciones de blog de una sola vez. Esto demuestra que disfrutan de su contenido y participan en la comunidad que está construyendo.
Sin embargo, a veces puede resultar difícil para los lectores encontrar contenido que sea relevante para sus intereses. Ahí es donde entran los enlaces internos.
Los enlaces internos son enlaces que dirigen a los usuarios a otras páginas o publicaciones de su sitio web.
Puede usarlos directamente en las publicaciones de su blog. O puede crear una sección debajo de la publicación para mostrar qué publicaciones de blog son actualmente populares entre sus lectores.
Si no está seguro de qué enlaces internos utilizar en una publicación de blog, entonces SEO todo en uno (AIOSEO) tiene una función de asistente de enlace que puede darle algunas ideas.
Para obtener más información sobre enlaces internos, consulte nuestra guía definitiva de enlaces internos para SEO.
Esperamos que este artículo le haya ayudado a aprender cómo resaltar nuevas publicaciones para los visitantes que regresan en WordPress. Quizás también quieras consultar nuestra lista de verificación de SEO de WordPress para principiantes y formas sencillas de aumentar el tráfico de tu blog.
Si te gustó este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.
Fuente: Cómo resaltar nuevas publicaciones para visitantes recurrentes en WordPress