Cómo crear tickers de noticias en WordPress

Si ya tiene un sitio web de WordPress para revistas, periódicos o blogs de lectura ..., es posible que tenga dificultades para llamar la atención de los visitantes sobre publicaciones destacadas porque su sitio está repleto de demasiada información. Para resolver esto, los tickers de noticias son definitivamente una característica perfecta para hacer que su sitio de lectura sea más legible, informativo y sobresaliente.

En esta publicación, le mostraremos qué son los tickers de noticias, por qué deberíamos usarlos y cómo crear un ticker de noticias impresionante con solo unos simples pasos rápidos.

¡Empecemos!

¿Qué son los News Tickers?

En algunos tipos de sitios web, como revistas en línea, periódicos en línea, es posible que vea algunas diapositivas de noticias desplazándose en la parte inferior o en el encabezado, pie de página o barra lateral. Estas diapositivas de noticias se parecen a las de los programas de noticias de televisión.

Al mirar el teletipo de noticias en un programa de noticias de televisión o en el sitio web de una revista, los espectadores pueden obtener la información más actual y notoria. Por lo general, hay muchas piezas de información, que se denominan ticks , en un teletipo de noticias.

Como en el gif de abajo, ¿ves el titular de la noticia corriendo? Así es como funciona un teletipo de noticias.

Un ejemplo de un ticker de noticias en WordPress

¿Por qué deberíamos utilizar News Tickers?

Los tickers de noticias tienen varios beneficios para diferentes tipos de sitios web:

• Para las revistas, los tickers de noticias lo ayudan a resaltar qué información y publicaciones deben notarse.
• En el caso de las carteras, llaman la atención de los reclutadores hacia una experiencia laboral notable y sus recompensas.
• Para otros tipos de sitios web, los tickers de noticias se convertirán en lo más destacado de los sitios, para hacer que sus blogs, por ejemplo, sean más atractivos y profesionales.

Por lo tanto, los tickers de noticias son claramente una herramienta útil para los propietarios de sitios web. Más que eso, es muy fácil agregar tickers de noticias a su sitio web de WordPress. ¡Pasemos a la siguiente parte y consigamos uno para ti!

¿Cómo agregar tickers de noticias en WordPress?

Hay muchas formas de agregar un ticker de noticias.

Puede utilizar un tema prediseñado con tickers de noticias al principio; eso sería lo más fácil. Simplemente lea la documentación del tema con atención.

Sin embargo, no todos los temas tienen un ticker de noticias prefabricado como ese. Entonces, en estos casos, puede pensar en usar creadores de páginas o complementos.

En esta publicación, usaremos un complemento gratuito llamado complemento Ditty News Ticker . Es gratis, muy fácil de usar y altamente personalizable . Solo necesita descargarlo y activarlo en Dashboard.

Puede leer más sobre cómo instalar un complemento aquí.

Ahora, no lo dudemos más y siga nuestros 3 pasos para tener un ticker de noticias increíble en su sitio:

Paso 1: agregue un nuevo ticker de noticias

Primero, vaya a News Ticker > Agregar nuevo .

En la siguiente pantalla, verá 5 pestañas a continuación: Agregar título, Código corto, Modo de teletipo, Tipo de teletipo y Configuración global . Estas pestañas se utilizan para configurar y mostrar sus tickers de noticias.

¿Crees que hay demasiadas cosas a tener en cuenta? No te preocupes, te lo haremos breve y claro:

Primero, dale un nombre a tu ticker. Escriba el nombre en la pestaña Agregar título . El título generalmente se muestra en la parte superior del ticker, así que intente encontrar un nombre atractivo para llamar la atención de los visitantes.

Después de eso, haga clic en Ticker Type , luego agregue el contenido para mostrar en el ticker de noticias (con un enlace si es necesario) en la sección Ticker Text .

Como mencioné anteriormente, su ticker de noticias puede contener muchos ticks . Simplemente haga clic en el botón ( + ) para agregar uno y haga clic en el botón ( x ) para eliminarlo.

Paso 2: Configurar News Ticker

Después de tener un nuevo ticker de noticias, debe hacerlo más llamativo configurándolo.

En primer lugar, elija cómo se mostrarán sus tickers de noticias. Haga clic en Modo Ticker , verá 3 opciones: Desplazarse, Rotar y Lista . De hecho, Scroll es la opción más común, pero puedes decidir cuál es la más adecuada para tu sitio.

Una vez que elija una de las tres opciones anteriores, puede ajustar el comportamiento de los tickers mediante varias pestañas a continuación.

Personalmente, elegí el modo de desplazamiento , por lo que ajustaré la acción de desplazamiento. Hay dos cosas importantes a tener en cuenta: la velocidad de desplazamiento y la casilla de verificación . De hecho, hay que intentarlo muchas veces para encontrar los parámetros más adecuados. Para mí, prefiero la velocidad de desplazamiento de 8 y el espacio de marca de 10 píxeles.

Además, también selecciono la opción Pausar al pasar el mouse sobre , para que el ticker de noticias deje de moverse cuando quiera hacer clic en un tick.

Además, al hacer clic en Configuración global , verá algunas otras opciones para personalizar los tickers. Por ejemplo, si desea que el título de los tickers esté en la parte superior de ellos, seleccione Mostrar título . O si desea ocultar los tickers cuando no hay ticks, marque la opción como en la imagen de abajo.

¡Ahora su ticker de noticias está listo para mostrarse!

Paso 3: muestra los tickers de noticias

Volvamos a la pestaña Shortcode en la parte superior de la pantalla:

El ticker de noticias se mostrará en el lugar donde inserte este código corto. Puede agregarlo a cualquier posición: pie de página de la página de inicio, publicación, widget de barra lateral, ...

Normalmente, no utilizamos tickers de noticias para el contenido de una publicación. Sería mejor si colocas tickers de noticias en el encabezado, pie de página o barra lateral. Puedo darte un ejemplo del ticker de noticias de una barra lateral. Primero, elijo una página aleatoria, voy a su Vista previa > Personalizar > Widget .

Luego, vaya a la barra lateral > Agregar un widget . Verá muchas opciones para barras laterales adicionales como Audio, Calendario, ... Elija Texto, luego verá un pequeño cuadro para agregar el nombre de la barra lateral y pegar su código corto:

Has hecho muchos pasos, ¿verdad? Pero si quieres que tus tickers de noticias sean más bonitos, con colores personalizados, tamaño de fuente, opacidad,…, todavía tienes un poco de trabajo por hacer. La versión gratuita de este complemento no permite que los usuarios ajusten esos parámetros. Entonces solo tenemos un resultado como el gif a continuación:

Los tickers de noticias no se ven tan hermosos, así que lo diseñé un poco con CSS. Vaya a Personalizar > CSS adicional .

Allí verá un pequeño cuadro para agregar código. Estos códigos cambiarán la apariencia de sus tickers de noticias.

Estoy usando el tema Memory con la paleta principal de azul y blanco. Por lo tanto, agregué este CSS para tener un ticker de noticias de color azul:

 .mtphr-dnt-tick-contents a {
	color: var (- color principal);
}

.mtphr-dnt-tick-contents a: hover {
	color: # 000;
}

Haga clic en Publicar y vea lo que tenemos:

Aquí tienes un ejemplo sencillo para ti. Estoy seguro de que puedes hacer un teletipo de noticias mucho más sorprendente por ti mismo. ¡Hagamos un intento!

Ultimas palabras

Entonces, se trata de agregar un teletipo de noticias a su sitio web de WordPress mediante el complemento Ditty News Ticker . Hemos hecho todo lo posible para que sea breve y claro, por lo que esperamos que esta publicación sea útil para usted.

Quizás tengas algunas maravillas o preguntas sobre nuestro tutorial, así que no dudes en contárnoslo en la sección de comentarios. Estamos dispuestos a mostrarle un tutorial más detallado sobre las opciones avanzadas en este complemento u otros métodos para agregar tickers de noticias sin usar complementos. Por lo tanto, ¡no olvides conectarnos!