Elementor News Ticker Widget: Beiträge und RSS Breaking News Bar
News Ticker ist ein Pro-Widget in Master Addons, das jeder Elementor-Seite eine scrollende Newsleiste hinzufügt Elementor und Elementor Pro haben kein eigenes News-Ticker-Widget Dieses ist Teil von Master Addons Pro. Zeigen Sie Ihre neuesten Beiträge, Produkte oder andere Post-Typen, oder fügen Sie eine RSS-Feed-URL ein, um Schlagzeilen von einer anderen Seite aus auszuführen Fügen Sie ein Label “Breaking News” hinzu, wählen Sie horizontales, vertikales oder kontinuierliches Scrollen und stylen Sie die Beschriftung, den Text, die Miniaturansichten und Pfeile aus dem Elementor-Panel.
Eigene Beiträge oder ein RSS-Feed
Tickertyp entscheidet, woher die Schlagzeilen kommen Inhalt zieht von der eigenen Seite: Wählen Sie einen Beitragstyp, filtern Sie Blogbeiträge nach Kategorie oder Tag, dann legen Sie fest, wie viele Elemente in welcher Reihenfolge angezeigt werden sollen RSS Feed nimmt eine Feed-URL und ein Limit von bis zu 30 Elementen, so kann die Leiste Schlagzeilen von einer News-Seite oder einem Partnerblog anzeigen.
- Inhaltsquelle: Beiträge, Produkte oder andere öffentliche Posttypen, mit Kategorie- und Tag-Filtern für Blogbeiträge.
- Sortierung nach Datum, Titel, zuletzt geändert, Anzahl der Kommentare, zufälliger Reihenfolge und mehr.
- RSS-Feed-Quelle: Fügen Sie eine Feed-URL ein und wählen Sie aus, wie viele Elemente angezeigt werden sollen.
Eilmeldung, Miniaturansichten und Termine
Behalten Sie das Etikett und ändern Sie seinen Text von “Breaking News” auf das, was passt, wie “Neueste” oder “Angebote” Jeder Artikel kann den Posttitel oder den Auszug anzeigen, plus ein Miniaturbild Titel können auch das Veröffentlichungsdatum anzeigen Der Höhenschieber legt die Leiste zwischen 50 und 500 px fest. Im Register Style erhält das Etikett eigene Farben, Typografie, Randradius und einen Bandwinkel, der es mit dem Scrollbereich verbindet.
- Beschriftung: Text, Farben, Typografie, Randradius und Farbbandwinkel.
- Artikel: Titel oder Auszug, optionales Datum, Text und Hover-Farben.
- Miniaturansichten: Legen Sie die Breite fest und wählen Sie eine quadratische oder abgerundete Form.
Scrollender Newsticker: horizontal, vertikal oder kontinuierlich
Scroll Type hat drei Modi Horizontal schiebt eine Schlagzeile nach der anderen, Vertical rollt sie nach oben, und Horizontal Scroll führt sie nonstop wie ein Festzelt ein Schalten Sie Autoplay ein, stellen Sie das Intervall und die Animationsgeschwindigkeit in Millisekunden ein, und lassen Sie Besucher die Leiste anhalten, indem Sie mit dem Mauszeiger darüber fahren Frühere und nächste Pfeile lassen die Leute die Gegenstände selbst durchschreiten, mit separatem Styling für den Normal - und den Schwebezustand.
- Drei Scroll-Typen: Horizontale, vertikale und kontinuierliche horizontale Scroll.
- Automatisches Abspielen mit Intervall, Animationsgeschwindigkeit und Pause im Mauszeiger.
- Pfeilnavigation mit Größen, Farb, Rand, Radius - und Polsterungssteuerungen.
So fügen Sie einen Newsticker in Elementor hinzu
Ein Postticker dauert einige Minuten, diese Schritte nutzen eigene Blogbeiträge als Quelle Die RSS-Version ist weiter unten auf der Seite.
- Durchsuchen Sie im Elementor-Editor das Panel nach News Ticker und legen Sie das Widget dort ab, wo die Leiste sitzen soll, zum Beispiel einen Container über die gesamte Breite unter dem Header.
- Lassen Sie den Tickertyp auf dem Inhalt. Öffnen Sie die Postabfrage, behalten Sie den Posttyp auf Post und wählen Sie die Kategorien oder Tags aus, aus denen die Leiste ziehen soll. Stellen Sie das Postlimit ein, bestellen Sie nach und bestellen Sie.
- Halten Sie in Designoptionen das Show-Label an und ändern Sie den Text, wenn Breaking News nicht das gewünschte Label ist Wählen Sie Titel oder Auszug aus, dann schalten Sie Miniaturansicht anzeigen und Datum anzeigen ein, wenn Sie sie benötigen.
- Wählen Sie unter Animation Horizontal, Vertikal oder Horizontal Scroll, stellen Sie das Autoplay Interval ein und halten Sie die Pause bei Hover auf, damit die Leute eine Überschrift lesen können, bevor sie sich bewegt.
- Öffnen Sie die Registerkarte Stil, um Etikett, Text und Pfeile zu färben, und veröffentlichen Sie sie dann. Die Leiste nimmt jeden neuen Beitrag für sich auf.
Der Ticker passt gut zu den Blog-widget Für das Postgitter darunter, die Logo-Slider Für Partnerlogos, die Zeitleiste Für datierte Aktualisierungen Bild Karussell Für vorgestellte Geschichten und Inhaltsverzeichnis Auf der langen liest die Schlagzeilen Link zu.
Fügen Sie einen RSS-News-Ticker in WordPress ohne jQuery-Code hinzu
Die meisten RSS-Ticker-Tutorials beginnen mit einem jQuery-Plugin, einem Feed-Parser und einem eigenen CSS. Auf einer Elementor-Site erledigt das News-Ticker-Widget die gleiche Arbeit über das Panel.
- Schalten Sie News Ticker im Master Addons Dashboard ein Es benötigt eine aktive Pro Lizenz.
- Ziehen Sie das Widget News Ticker unter Ihr Kopfzeilenmenü oder in den Abschnitt, in dem die Leiste sitzen soll.
- Öffnen Sie den News-Tickertyp und stellen Sie den Tickertyp auf RSS-Feed ein.
- Fügen Sie die Feed-URL ein, zum Beispiel https://example.com/feed/, und setzen Sie Limit Posts.
- Ändern Sie in Designoptionen den Beschriftungstext.
- Wählen Sie im Animationsbereich einen Scroll-Typ aus und veröffentlichen Sie ihn dann.
Möchten Sie stattdessen Schlagzeilen aus Ihrem eigenen Blog? Lassen Sie den Tickertyp auf dem Inhalt und wählen Sie Kategorien unter Abfrage des Beitrags aus. Für ein vollständiges Blog-Layout neben dem Ticker nutzen Sie das kostenlose Blog-widgetoder veraltete Ereignisse anzeigen mit Zeitleiste.
Was das News Ticker Widget kann und was nicht
Elementor-Ticker unterscheiden sich hauptsächlich darin, woher die Schlagzeilen kommen. Überprüfen Sie diese Liste vor dem Kauf mit jedem anderen Widget.
| Merkmal | News-ticker |
|---|---|
| Neueste Beiträge | Ja |
| Jeder Posttyp (Produkte, benutzerdefinierte Posttypen) | Ja |
| Kategorie - und Tag-Filter (Blog-Beiträge) | Ja |
| RSS-Feed-URL | Ja |
| Manuelle Textelemente | Nein |
| Titel oder Auszug | Ja |
| Miniaturansicht | Ja |
| Datum (Titelmodus) | Ja |
| Horizontale, vertikale oder kontinuierliche Schriftrolle | Ja |
| Halten Sie beim Bewegen an | Ja |
| Pfeile | Ja |
| Tippeffekt | Nein |
Getippte Schlagzeilen sind heute nicht im Widget Für eine feste Ankündigung legen Sie ein Text Editor Widget in dieselbe Leiste, oder veröffentlichen Sie den Hinweis als Beitrag in einer Kategorie, aus der der Ticker zieht.
Wo man einen Newsticker ablegt: Kopfzeile, Held oder Seitenleiste
Üblicher Spot ist eine schlanke Leiste über dem Hauptmenü Bauen Sie sich eine Header-Vorlage in der Themenbauer, fügen Sie oben einen Container über die gesamte Breite hinzu, lassen Sie den News Ticker hinein, und die Leiste zeigt auf jeder Seite, die die Vorlage abdeckt Wenn Sie von einem der Elementor-Header-Vorlagen‘s, die obere Leiste ist schon da.
Ein Held arbeitet für eine Nachrichten - oder Magazin-Homepage Ein horizontaler Ticker unter der Überschrift hält die neuesten Beiträge im Blick, ohne die Seite nach unten zu drücken In einer Seitenleiste oder einer schmalen Spalte schalten Sie Scroll Type auf Vertical um, damit die Schlagzeilen einzeln nach oben rollen, wie im Live-Beispiel unten.
Häufig gestellte Fragen für News-Ticker
Kann der Ticker meine neuesten WooCommerce-Produkte anzeigen?
Ja. Tickertyp auf Inhalt halten, Postabfrage öffnen und Posttyp auf Produkt setzen Der Ticker zeigt dann Ihre neuesten Produkte nach Titel an, mit Miniaturansichten, wenn Sie sie einschalten Die Filter Kategorien und Tags verwenden Blog-Kategorien und Tags, also lassen Sie sie leer für Produkte.
Aktualisiert sich der RSS-Feed-Ticker von selbst?
Ja. Das Widget liest die von Ihnen eingegebene Feed-URL, sodass neue Elemente im Feed im Ticker erscheinen, wenn Ihre Website Seiten-Caching verwendet, sehen Besucher die neuen Schlagzeilen, sobald der Cache aktualisiert wird.
Hat Elementor ein Newsticker-Widget?
Nr. Elementor und Elementor Pro enthalten keinen Die nächstgelegenen Kernoptionen sind ein Loop Carousel oder Scrolltext mit Bewegungseffekten, und weder liest Ihre Beiträge noch einen Feed Das News Ticker-Widget wird mit Master Addons Pro geliefert und funktioniert in jeder Elementor-Seite oder Header-Vorlage.
Kann ich meine eigenen Schlagzeilen in den Ticker eingeben?
Im Moment nicht Der Ticker liest Beiträge, Produkte oder andere Beitragstypen von Ihrer Seite, oder einen RSS-Feed Für eine feste Ankündigung fügen Sie ein Text Editor Widget in dieselbe Leiste, oder veröffentlichen Sie die Ankündigung als Beitrag in einer Kategorie, aus der der Ticker zieht.
Ist der Ticker auf Telefone ansprechbar?
Ja. Die Leiste nimmt die Breite ihres Containers an Vorschau in der mobilen Ansicht von Elementor und Anpassung der Etiketten - und Texttypografie für kleine Bildschirme Der Typ Vertical scroll funktioniert auch gut an schmalen Stellen wie bei einer Seitenleiste.
Ist das News Ticker Widget kostenlos?
Nein, News Ticker ist Teil von Master Addons Pro. Wenn Sie nur Logos oder Bilder benötigen, die ununterbrochen scrollen, ist das kostenlos Logo-Slider Kann das mit Autoplay. Unsere Elementor-Festzeltführung Vergleicht beide Optionen.
Kann ich einen RSS-Feed von einer anderen Seite anzeigen?
Ja. Setzen Sie Tickertyp auf RSS Feed und fügen Sie die Feed-URL ein, zum Beispiel eine News-Seite oder einen Partnerblog. Limit Posts begrenzt die Anzahl der angezeigten Elemente auf bis zu 30, und der Feed wird auf dem Server gelesen, sodass Besucher nie auf der anderen Seite warten.
Kann ich den Ticker in die Kopfzeile setzen?
Ja. Öffnen Sie den Theme Builder, erstellen oder bearbeiten Sie eine Header-Vorlage und legen Sie den News Ticker in einen Container voller Breite über dem Menü ab Der Header-Builder ist in Master Addons kostenlos Das Ticker-Widget selbst benötigt Pro.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
