Un teletipo de noticias evita que una página de inicio ocupada se convierta en una pared de anuncios. En lugar de acumular cada actualización, ejecuta los títulos más recientes en una sola barra. El Widget de ticker de noticias en Complementos maestros para Elementor construye esa barra para ti. Es un widget profesional con dos fuentes de contenido (sus propias publicaciones o un canal RSS), tres tipos de desplazamiento y estilo para la etiqueta, el contenido, las miniaturas y las flechas.
Aquí se explica cómo configurar un Cotizador de noticias elementor, desde el panel de widgets hasta la página en vivo.
Qué hace el widget News Ticker #
El widget representa una barra de anuncios compacta. Una etiqueta de color a la izquierda, el contenido giratorio en el medio, flechas opcionales a la derecha. Los elementos provienen de sus publicaciones de WordPress (o cualquier otro tipo de publicación pública) o de un canal RSS. La barra puede deslizarse horizontalmente como un clásico teletipo de noticias de última hora, ruede verticalmente o desplácese sin parar como una marquesina.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. Si aún no lo has instalado, sigue el guía de instalación.
- Una licencia Master Addons Pro, ya que News Ticker es un widget Pro, con el widget activado en el panel de Master Addons.
- Opcional: una URL de fuente RSS o algunas publicaciones publicadas, si desea utilizarlas como fuente.
Agregue el widget a su página #
Abre el Editor elementor y busque en el panel de widgets “News Ticker”. Arrastre los complementos maestros Ticker de noticias ingresa a la sección donde quieres la barra. Aparece con una etiqueta roja de “NOTICIAS DE ÚLTIMA HORA” y un único elemento giratorio para que puedas verlo funcionando de inmediato.
Elija la fuente del teletipo #
En la pestaña Contenido, el Tipo de ticker de noticias dropdown decide de dónde provienen los artículos:
- Contenido: extrae publicaciones de su propio sitio. Establezca el tipo de publicación, las categorías, las etiquetas, la cantidad de publicaciones y el orden en Consulta de publicación sección.
- Feed RSS: pegue una URL de fuente RSS y el widget extrae los elementos más recientes automáticamente.
La demostración utiliza Contenido, por lo que el teletipo recoge nuevas publicaciones sin que nadie lo toque. Si estás apareciendo fuera de los titulares, RSS Feed es la configuración más rápida. Un aviso en RSS: si el feed baja o cambia su estructura, el ticker puede aparecer vacío, por lo que vale la pena verificarlo después de apuntarlo a una nueva fuente.
Opciones de diseño #
El Opciones de diseño la sección controla cómo se ve el teletipo y qué muestra cada elemento:
- ¿mostrar etiqueta? activa o desactiva la etiqueta izquierda.
- Etiqueta: el texto de la etiqueta. La demostración cambia “NOTICIAS DE ÚLTIMA HORA” a “ÚLTIMAS NOTICIAS”.
- Tip de știri: muestra el Título o el Extracto de cada artículo.
- Mostrar miniatura: agrega una pequeña imagen al lado de cada título.
- ¿resaltar palabras? enfatice palabras específicas en el texto del teletipo.
- Fecha de presentación: coloque la fecha de publicación al lado del título. Sólo aparece cuando el tipo de noticia es Título.
- Altura: la altura de la barra en píxeles. La demostración lleva esto de 50 a 85.
Al encender la miniatura se deja caer una pequeña imagen al lado de cada elemento. Hace que la barra sea más visual, lo que ayuda en sitios con muchos medios donde una barra de texto sin formato tiende a ignorarse.
Utilice el control deslizante Altura para dimensionar la barra. Golpéelo una vez que active las miniaturas; de lo contrario, la imagen y el texto se atascarán dentro del teletipo.
Ajustes de animación #
El Animación la sección controla cómo se mueve el ticker:
- Tip de pergamino: Desplazamiento Horizontal, Vertical u Horizontal. Horizontal se desliza un elemento a la vez, el clásico teletipo de noticias para el sitio web mirar. Vertical hace rodar los artículos hacia arriba y Horizontal Scroll los mueve sin parar como una marquesina.
- Reproducción automática: comience a girar durante la carga.
- Interval de reproducción automática: tiempo entre artículos, 3000 milisegundos de venta.
- Pausa en Hover: congele el ticker mientras un visitante se cierne sobre él.
- Velocidad de animación: cuánto tiempo tarda cada transición, también 3000 milisegundos por defecto.
A teletipo de noticias horizontal en Elementor funciona mejor como barra de anuncios de la parte superior de la página. Cambie a vertical cuando el teletipo viva en una barra lateral o en una columna estrecha, donde un desplazamiento horizontal simplemente se quedaría sin espacio.
Flechas de navegación #
El Navegación la sección agrega flechas anteriores y siguientes en el lado derecho de la barra. Alternar ¿Mostrar navegación? encendido o apagado y configure el Tamaño de navegación en píxeles. La demostración aumenta el tamaño de 14 a 21 para que las flechas sean más fáciles de presionar, lo cual importa en las pantallas táctiles donde un objetivo de 14px es complicado.
Flechas de control manual manual para el visitante, útil cuando el teletipo contiene enlaces a los que alguien podría querer desplazarse.
Estila la etiqueta #
En el Estilo pestaña, la Etiqueta la sección estiliza la insignia de la izquierda:
- Color textului: color del texto de la etiqueta.
- Antecedentes: color de fondo de la etiqueta.
- Color del ángulo de la cinta: el pequeño acento triangular que une la etiqueta al área de contenidos.
- Tipo de borde y radio de borde: contorno y redondeo de esquinas para la etiqueta.
- Margen de ángulo: espaciado alrededor del ángulo de la cinta.
- Tipografía: fuente, tamaño, peso y altura de línea para el texto de la etiqueta.
La demostración redondea las esquinas superior izquierda e inferior izquierda en forma de píldora estableciendo el radio del borde izquierdo en 50 píxeles.
Diseñe el contenido y la miniatura #
El Contenido la sección estiliza los títulos rotativos. Obtienes color de texto, color flotante, fondo, tipo de borde y tipografía. El Miniatura la sección maneja el ancho y la forma de la imagen, con opciones Cuadradas y Redondeadas.
Dale algo de contraste al color flotante para que los visitantes puedan saber que se puede hacer clic en cada título. La opción de forma permite que la miniatura coincida con cualquier estilo de imagen que ya utilice el resto de su sitio.
Estiliza las flechas de navegación #
El Navegación la sección de estilo tiene pestañas Normal y Flover. Establezca el color del texto, el color de fondo, el tipo de borde, el radio del borde, el relleno y el espaciado para los botones de flecha. Dependiendo de lo que elijas, las flechas se mezclan con el ticker o se destacan como controles obvios.
El resultado en la página en vivo #
En la parte frontal, el ticker aparece como una barra limpia: etiqueta, miniatura, título giratorio y flechas. Comienza a animarse por sí solo y se detiene al pasar el cursor si dejaste esa opción activada.
Casos de uso comunes #
- Baruri de notici de ultimă: ejecute actualizaciones urgentes en la parte superior de un sitio de noticias o revistas.
- Tickers de anunciare: ventas de superficie, eventos o lanzamientos sin devorar el espacio de los héroes.
- Publicaciones recientes: utilice el tipo Contenido para mostrar los títulos de blog más recientes en cualquier página.
- Agregadores RSS: llevar titulares de fuentes externas a una comunidad o centro industrial.
- Tickers de barra lateral: cambie a desplazamiento vertical y suelte el widget en una columna estrecha.
Para obtener un diseño de blog más completo, combine esto con Widget de blog. Para anuncios fechados, eche un vistazo al Widget de línea de tiempo.
Vídeotutorial #
¿prefieres verlo? Este video recorre el widget News Ticker desde el primer arrastre hasta la barra terminada en la página en vivo:
Preguntas frecuentes #
¿puedo agregar un teletipo de noticias en Elementor sin codificación?
Sí. Arrastre el widget Master Addons News Ticker a su diseño, elija una fuente y configure el diseño y la animación en el panel Elementor. No hay código personalizado involucrado.
¿qué fuentes de contenido admite el widget News Ticker?
Dos: Contenido, que extrae publicaciones, productos u otros tipos de publicaciones de su propio sitio, y Feed RSS, que muestra elementos de una URL de feed externa.
¿puede el teletipo desplazarse verticalmente?
Sí. En la sección Animación, establezca el tipo de desplazamiento en vertical. Se adapta a barras laterales o columnas estrechas donde una barra horizontal se quedaría sin espacio.
¿cómo muestro las miniaturas de publicaciones en el teletipo?
Active Mostrar miniatura en la sección Opciones de diseño. Luego diríjase a la pestaña Estilo para establecer el ancho de la miniatura y elija Cuadrado o Redondeado.
¿pueden los visitantes pausar el ticker?
Sí. Active Pausa al pasar el cursor en la sección Animación. Los visitantes también pueden recorrer elementos con las flechas de navegación si Mostrar navegación está activado.
Envolviendo #
El widget News Ticker es una forma rápida de agregar movimiento y contenido nuevo a una página de Elementor. Con dos fuentes de contenido, tres tipos de desplazamiento y estilo para cada parte de la barra, cubre desde noticias de última hora hasta los titulares de sus últimos blogs. Explora el conjunto completo de Widgets y extensiones de complementos maestros para ver qué más se envía con el complemento y ver el Página del widget del ticker de noticias para una demostración. News Ticker necesita Pro, así que consulte el página de precios para planes.
