Widget de ticker de noticias de Elementor: publicaciones y barra de noticias de última hora RSS

News Ticker es un widget Pro en Master Addons que agrega una barra de noticias de desplazamiento a cualquier página de Elementor. Elementor y Elementor Pro no tienen ningún widget de teletipo de noticias propio. Este es parte de Master Addons Pro. Muestre sus últimas publicaciones, productos u otros tipos de publicaciones, o pegue una URL de fuente RSS para publicar titulares desde otro sitio. Agregue una etiqueta de “Noticias de última hora”, elija desplazamiento horizontal, vertical o continuo y diseñe la etiqueta, el texto, las miniaturas y las flechas del panel Elementor.

Blog o contenido RSS externo

Tus propias publicaciones o un canal RSS

El tipo de ticker decide de dónde provienen los titulares. El contenido se extrae de su propio sitio: elija un tipo de publicación, filtre las publicaciones del blog por categoría o etiqueta, luego establezca cuántos elementos mostrar y en qué orden. RSS Feed toma una URL de feed y un límite de hasta 30 elementos, por lo que la barra puede mostrar titulares de un sitio de noticias o un blog asociado.

  • Fuente de contenido: publicaciones, productos o cualquier otro tipo de publicación pública, con filtros de categorías y etiquetas para publicaciones de blog.
  • Ordenar por fecha, título, última modificación, recuento de comentarios, orden aleatorio y más.
  • Fuente del feed RSS: pegue la URL del feed y elija cuántos elementos mostrar.

Última noticia, miniaturas y fechas

Guarde la etiqueta y cambie su texto de “Noticias de última hora” a lo que encaje, como “Últimas” u “Ofertas”. Cada elemento puede mostrar el título de la publicación o el extracto, además de una miniatura. Los títulos también pueden mostrar la fecha de publicación. El control deslizante de altura establece la barra entre 50 y 500 px. En la pestaña Estilo, la etiqueta obtiene sus propios colores, tipografía, radio de borde y un ángulo de cinta que la une al área de desplazamiento.

  • Etiqueta: texto, colores, tipografía, radio del borde y color del ángulo de la cinta.
  • Elementos: título o extracto, fecha opcional, texto y colores flotantes.
  • Miniaturas: establece el ancho y elige una forma cuadrada o redondeada.
Controles de pantalla y diseño inteligentes
Animación y navegación fluidas

Ticker de noticias de desplazamiento: horizontal, vertical o continuo

El tipo de desplazamiento tiene tres modos. Horizontal desliza un titular a la vez, Vertical lo hace rodar hacia arriba y Horizontal Scroll lo ejecuta sin parar como una marquesina. Active la reproducción automática, establezca el intervalo y la velocidad de animación en milisegundos y permita a los visitantes pausar la barra flotando sobre ella. Las flechas anterior y siguiente permiten a las personas atravesar los elementos, con un estilo separado para los estados normal y flotante.

  • Tres tipos de desplazamiento: Desplazamiento Horizontal, Vertical y Horizontal continuo.
  • Reproducción automática con intervalo, velocidad de animación y pausa al pasar el cursor.
  • Navegación con flechas con controles de tamaño, color, borde, radio y relleno.

Cómo agregar un teletipo de noticias en Elementor

Un teletipo de publicación tarda unos minutos. Estos pasos utilizan las publicaciones de su propio blog como fuente. La versión RSS está más abajo en la página.

  1. En el editor Elementor, busque en el panel News Ticker y suelte el widget donde debe ubicarse la barra, por ejemplo, un contenedor de ancho completo debajo del encabezado.
  2. Deje el tipo de ticker en el contenido. Abra la consulta de publicación, mantenga el tipo de publicación en la publicación y elija las categorías o etiquetas de las que debe extraer la barra. Establecer límite de publicaciones, ordenar por y ordenar.
  3. En Opciones de diseño, mantenga presionada la etiqueta Mostrar y cambie el texto si Noticias de última hora no es la etiqueta que desea. Elija Título o Extracto, luego active Mostrar miniatura y Mostrar fecha si los necesita.
  4. En Animación, elija Pergamino horizontal, vertical u horizontal, configure el intervalo de reproducción automática y mantenga la pausa activada para que las personas puedan leer un titular antes de que se mueva.
  5. Abra la pestaña Estilo para colorear la etiqueta, el texto y las flechas, luego publique. La barra recoge cada nueva publicación por sí sola.
Editor Elementor que muestra el panel Opciones de diseño del widget Master Addons News Ticker junto a cinco diseños de tickers de noticias

El ticker combina bien con el Widget de blog para la cuadrícula de postes debajo, Control deslizante de logotipo pentru logotipos de partener, Cronograma pentru actualizări anticuate, Carrusel de imágenes para historias destacadas y Tabla de contenidos en las lecturas largas, el enlace de los titulares a.

Agregue un teletipo de noticias RSS en WordPress sin código jQuery

La mayoría de los tutoriales de ticker RSS comienzan con un complemento jQuery, un analizador de feeds y su propio CSS. En un sitio Elementor, el widget News Ticker hace el mismo trabajo desde el panel.

  1. Active News Ticker en el panel de complementos maestros. Necesita una licencia Pro activa.
  2. Arrastre el widget News Ticker debajo del menú de encabezado o en la sección donde debe ubicarse la barra.
  3. Abra el tipo de ticker de noticias y configure el tipo de ticker en la fuente RSS.
  4. Pegue la URL del feed, por ejemplo https://example.com/feed/, y establezca Publicaciones de límite.
  5. En Opciones de diseño, cambie el texto de la etiqueta.
  6. Elija un tipo de desplazamiento en la sección Animación y luego publique.

¿quieres titulares de tu propio blog? Deje el tipo de ticker en Contenido y elija categorías en Consulta de publicación. Para obtener un diseño de blog completo junto al ticker, utilice el archivo gratuito Widget de blog, o mostrar eventos fechados con Cronograma.

Lo que el widget News Ticker puede y no puede hacer

Los tickers de Elementor difieren principalmente en el origen de los titulares. Consulte esta lista con cualquier otro widget antes de comprar.

CaracterísticaTicker de noticias
Últimas publicacionesSí
Cualquier tipo de publicación (productos, tipos de publicaciones personalizadas)Sí
Filtro de categorías y etiquetas (publicaciones de blog)Sí
URL del feed RSSSí
Elementos de texto manualesprohibido
Título o extractoSí
MiniaturaSí
Fecha (modo título)Sí
Desplazamiento horizontal, vertical o continuoSí
Pausa al flotarSí
FlechasSí
Efecto mecanografiadoprohibido

Los titulares escritos no están en el widget hoy. Para un anuncio fijo, coloque un widget de Editor de texto en la misma barra o publique el aviso como una publicación en una categoría de la que extrae el teletipo.

Dónde poner un teletipo de noticias: barra de encabezado, héroe o barra lateral

El lugar habitual es una barra delgada encima del menú principal. Cree una plantilla de encabezado en el Creador de temas, agregue un contenedor de ancho completo en la parte superior, coloque el ticker de noticias y la barra muestre en cada página que cubre la plantilla. Si comienzas desde uno de los Plantillas de encabezado de Elementor, la barra superior ya está ahí.

Un héroe trabaja para la página de inicio de una revista o noticias. Un teletipo horizontal debajo del titular mantiene a la vista las publicaciones más nuevas sin bajar la página. En una barra lateral o una columna estrecha, cambie el tipo de desplazamiento a vertical para que los titulares suban uno a la vez, como en el ejemplo en vivo a continuación.

Plantilla de encabezado Elementor con una barra de noticias de última hora encima del logotipo del sitio, el menú y el botón Suscribirse
Visor de plantillas
Facebook
Gorjeo
Whatsa
Copiar enlace
Compra ahora
Ticker de edición editorial
Ticker de edición editorial
Rompiendo tira de alambre
Rompiendo tira de alambre
Ticker de tablero de mercado
Ticker de tablero de mercado
Ticker de tablero de salida
Ticker de tablero de salida
Ticker de estado de la plataforma
Ticker de estado de la plataforma
Cinta de jornada de sangrado completo
Cinta de jornada de sangrado completo
Ticker de aviso para visitantes
Ticker de aviso para visitantes
Panel de rastreo aéreo
Panel de rastreo aéreo
Ticker de noticias
Ticker de noticias
Ticker de noticias con Block Post
Ticker de noticias con Block Post

Preguntas frecuentes para ticker de noticias

Conozca las consultas más frecuentes que tienen los usuarios sobre News Ticker y encuentre respuestas en un solo lugar.
¿puede el teletipo mostrar mis últimos productos WooCommerce?

Sí. Mantenga el tipo de ticker en Contenido, abra la consulta de publicación y establezca el tipo de publicación en Producto. Luego, el ticker muestra sus productos más nuevos por título, con miniaturas si los activa. Los filtros Categorías y Etiquetas utilizan categorías y etiquetas de blog, así que déjelos vacíos para los productos.

Sí. El widget lee la URL del feed que ingresó, por lo que aparecen nuevos elementos en el feed en el ticker. Si su sitio utiliza almacenamiento en caché de páginas, los visitantes ven los nuevos titulares una vez que se actualiza el caché.

No. Elementor y Elementor Pro no incluyen uno. Las opciones principales más cercanas son un carrusel de bucles o texto de desplazamiento con efectos de movimiento, y no lee sus publicaciones ni un feed. El widget News Ticker viene con Master Addons Pro y funciona en cualquier página de Elementor o plantilla de encabezado.

No por el momento. El ticker lee publicaciones, productos u otros tipos de publicaciones de su sitio o de un canal RSS. Para un anuncio fijo, agregue un widget de Editor de texto a la misma barra o publique el anuncio como una publicación en una categoría de la que extrae el ticker.

¿el ticker responde en los teléfonos?

Sí. La barra toma el ancho de su contenedor. Vea una vista previa en la vista móvil de Elementor y ajuste la etiqueta y la tipografía del texto para pantallas pequeñas. El tipo de desplazamiento vertical también funciona bien en puntos estrechos como una barra lateral.

No, News Ticker es parte de Master Addons Pro. Si solo necesita logotipos o imágenes que se desplacen sin parar, el gratis Control deslizante de logotipo puedo hacer eso con la reproducción automática. Nuestro Guía de carpas Elementor compara ambas opciones.

Sí. Establezca el tipo de ticker en el feed RSS y pegue la URL del feed, por ejemplo, un sitio de noticias o un blog asociado. Limit Posts limita cuántos elementos se muestran, hasta 30, y el feed se lee en el servidor, para que los visitantes nunca esperen en el otro sitio.

Sí. Abra el Creador de temas, cree o edite una plantilla de encabezado y coloque el Ticker de noticias en un contenedor de ancho completo encima del menú. El generador de encabezados es gratuito en Master Addons. El widget de teletipo en sí necesita Pro.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles