Cómo agregar un ticker de noticias en movimiento en WordPress

Muchos sitios web utilizan una línea de texto que se desplaza en la parte superior para resaltar noticias, ventas o anuncios.

Esta función, llamada "noticiero" o "barra de noticias", es una forma sencilla y eficaz de asegurarse de que las actualizaciones importantes no pasen desapercibidas.

Hemos utilizado barras de noticias en nuestros propios sitios para resaltar ofertas y anuncios por tiempo limitado, y nos han ayudado a mantener informados a los visitantes sin saturar la página.

En esta guía, te mostraremos cómo agregar una barra de noticias desplazable a tu sitio de WordPress.

¿Qué es una barra de noticias desplazable?

Una barra de noticias es una sola línea de texto que se desplaza continuamente por la pantalla. Típicamente muestra noticias actuales, resultados deportivos, información financiera y de divisas en vivo, y información del tiempo.

Esto es similar a cómo podrías usar una barra de pie de página flotante "pegajosa".

Las barras de noticias son una excelente manera de mostrar pequeños fragmentos de información de una manera llamativa. Dado que el contenido siempre se está desplazando, también puedes usar barras de noticias para mostrar mucha información en un espacio limitado.

Por ejemplo, podrías usar este elemento de diseño de WordPress para mostrar tus publicaciones con mejor rendimiento, anunciar una próxima oferta o compartir otra información útil.

Dicho esto, veamos cómo agregar un ticker de noticias desplazable a tu blog de WordPress o sitio web.

Cómo agregar un ticker de noticias en movimiento en WordPress

Al investigar cómo crear un ticker de noticias, descubrimos que la forma más fácil es usar un plugin. Si bien CSS personalizado ofrece cierto nivel de personalización, no es lo más amigable para principiantes.

Y el mejor plugin para el trabajo es Ditty News Ticker. Es uno de los mejores plugins de noticias de WordPress que hemos encontrado hasta ahora.

Con él, puedes agregar contenido en movimiento, desplazable y deslizante a tu sitio web y luego cambiar la dirección, el espaciado, la velocidad y el estilo de la animación.

Lo primero que debes hacer es instalar y activar el plugin. Para más detalles, consulta nuestra guía completa sobre cómo instalar un plugin de WordPress.

Tras la activación, debes ir a Ditty » Agregar Nuevo en el panel de WordPress y luego hacer clic en el botón ‘Agregar Predeterminado’.

Ahora puedes crear el primer elemento en el ticker de noticias responsivo. En el cuadro ‘Contenido’, simplemente escribe el texto que deseas mostrar en el ticker desplazable.

Aquí, podrías hacer un anuncio o compartir información útil, similar a un banner para sitio web. Por ejemplo, podrías informar a los compradores sobre una venta programada o publicaciones recientes.

También puedes agregar enlaces a la noticia para que las personas puedan visitar fácilmente la página o publicación destacada en el ticker.

Para hacer esto, solo agrega una URL al campo 'Enlace'.

También puedes agregar un título al enlace, marcar la URL como nofollow, y más.

Para aprovechar al máximo el ticker, es posible que desees agregar varios elementos de noticias haciendo clic en el botón 'Actualizar configuración del elemento'.

La vista previa ahora se actualizará para mostrar el elemento que acabas de crear.

Para continuar y agregar otro elemento al ticker, haz clic en el botón 'Agregar elemento'.

Ahora puedes hacer clic en 'Agregar predeterminado' y crear el elemento siguiendo el proceso descrito anteriormente.

Simplemente repite estos pasos para agregar más elementos al ticker.

Cuando estés contento con tus elementos, es posible que desees cambiar el orden en que aparecen en el ticker. Para hacerlo, simplemente agarra el elemento que deseas cambiar y arrástralo y suéltalo en una nueva posición.

Por defecto, Ditty muestra tus elementos en una lista.

Como quieres crear un ticker de desplazamiento, haz clic en la pestaña ‘Display’.

En esta pantalla, haz clic en el enlace ‘Change Type’.

En la ventana emergente que aparece, selecciona ‘Ticker’ y luego haz clic en ‘Update Type’.

Ahora puedes cambiar cómo se ve y actúa el ticker en tu sitio web de WordPress.

Esto incluye cambiar la dirección de desplazamiento, la velocidad y el espaciado entre los elementos del ticker.

También puedes elegir entre diferentes estilos para el contenedor del ticker, los elementos, los títulos y más. La mayoría de estas configuraciones se explican por sí mismas, por lo que vale la pena revisarlas para ver qué cambios deseas realizar.

Cuando estés satisfecho con la configuración del ticker, haz clic en el botón ‘Save Ditty’.

Después de eso, estarás listo para agregar el ticker a tu sitio usando un shortcode. Para obtener este shortcode, haz clic en la pestaña ‘Settings’.

Ahora, copia el valor en el campo ‘Shortcode’.

Hecho esto, puedes agregar el shortcode a cualquier página, publicación o área preparada para widgets. Para obtener más información sobre cómo colocar el shortcode, consulta nuestra guía sobre cómo agregar un shortcode.

Una vez que hayas hecho eso, simplemente actualiza o publica tus cambios para que el ticker esté activo en tu sitio web de WordPress.

🎁 Bono: Agrega una barra de pie de página fija para un máximo impacto

Si bien un ticker de noticias de desplazamiento ayuda a resaltar anuncios rotativos, combinarlo con una barra de pie de página flotante fija puede captar eficazmente la atención del visitante para diferentes propósitos.

La barra de pie de página mantiene visible la información esencial y estática, mientras que el ticker de noticias asegura que las actualizaciones oportunas estén al frente y al centro.

Con herramientas como OptinMonster, puedes crear barras de pie de página atractivas y coordinarlas con tu barra de noticias para mostrar ofertas especiales, noticias urgentes o publicaciones populares.

Piensa en el pie de página como una llamada a la acción constante, mientras que la barra de noticias ofrece actualizaciones importantes a corto plazo.

Juntas, estas funciones mejoran la experiencia del usuario y pueden aumentar las tasas de conversión al fomentar la interacción oportuna con ofertas y contenido clave.

Para empezar, consulta nuestro tutorial sobre cómo crear una barra de pie de página flotante "pegajosa" en WordPress.

Esperamos que este tutorial te haya ayudado a aprender cómo agregar una barra de noticias desplazable en WordPress. También podrías querer aprender cómo resaltar nuevas publicaciones para visitantes recurrentes o ver nuestras selecciones expertas de los mejores trucos de barra lateral de WordPress para obtener los máximos resultados.

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.