Elementor News Ticker Widget: Indlæg og RSS Breaking News Bar

Nyheder Ticker er en Pro widget i Master Addons, der tilføjer en rullende nyhedslinje til enhver Elementor side. Elementor og Elementor Pro har ingen nyheder ticker widget af deres egne. Denne ene er en del af Master Addons Pro. Vis dine seneste indlæg, produkter eller andre indlæg typer, eller indsæt en RSS feed URL til at køre overskrifter fra et andet websted. Tilføj en “Breaking News” etiket, vælge vandret, lodret eller kontinuerlig rulning, og stil etiketten, tekst, miniaturebilleder og pile fra Elementor panel.

Blog eller eksternt RSS-indhold

Dine egne indlæg eller et RSS-feed

Ticker Type bestemmer, hvor overskrifterne kommer fra. Indhold trækker fra dit eget websted: vælg en indlægstype, filtrer blogindlæg efter kategori eller tag, og indstil derefter, hvor mange elementer der skal vises og i hvilken rækkefølge. RSS Feed tager en feed-URL og en grænse på op til 30 elementer, så linjen kan vise overskrifter fra et nyhedswebsted eller en partnerblog.

  • Indholdskilde: indlæg, produkter eller enhver anden offentlig indlægstype med kategori- og tagfiltre til blogindlæg.
  • Sortering efter dato, titel, sidst ændret, kommentarantal, tilfældig rækkefølge og mere.
  • RSS Feed kilde: indsæt en feed URL og vælg, hvor mange elementer der skal vises.

Breaking news label, thumbnails og datoer

Behold etiketten og ændre sin tekst fra “Breaking News” til hvad der passer, som “Seneste” eller “Tilbud”. Hvert element kan vise indlægget titel eller uddraget, plus en miniature. Titler kan også vise udgivelsesdatoen. Skyderen Højde indstiller bjælken overalt fra 50 til 500px. I fanen Stil får etiketten sine egne farver, typografi, kant radius og en båndvinkel, der forbinder den med rulleområdet.

  • Etiket: tekst, farver, typografi, grænseradius og farve på båndvinkel.
  • Elementer: titel eller uddrag, valgfri dato, tekst og hover farver.
  • Miniaturebilleder: indstil bredden, og vælg en firkantet eller afrundet form.
Smart design og displaykontroller
Glat animation og navigation

Rullende nyhedsticker: vandret, lodret eller kontinuerlig

Scroll Type har tre tilstande. Vandrette slides en overskrift i ad gangen, Lodret ruller dem opad, og Vandret Scroll kører dem nonstop som et markeringsramme. Tænd for Autospil, indstil intervallet og animationshastigheden i millisekunder, og lad besøgende sætte bjælken på pause ved at holde markøren over den. Tidligere og næste pile lader folk selv træde gennem elementer, med separat styling for de normale og svævende tilstande.

  • Tre rulletyper: Vandret, Lodret og kontinuerlig Vandret rulle.
  • Autospil med interval, animationshastighed og Pause on Hover.
  • Piletastnavigation med kontrolelementer for størrelse, farve, kant, radius og polstring.

Sådan tilføjes en nyhedsticker i Elementor

Et indlæg ticker tager et par minutter. Disse trin bruger dine egne blogindlæg som kilde. RSS-versionen er længere nede på siden.

  1. I Elementor-editoren skal du søge i panelet efter News Ticker og slippe widgetten, hvor bjælken skal sidde, for eksempel en beholder i fuld bredde under overskriften.
  2. Leave Ticker Type on Content. Open Post Query, keep Post Type on Post og pick de kategorier eller tags, som baren skal trække fra. Set Posts Limit, Order By og Order.
  3. I Designindstillinger skal du holde Vis etiket tændt og ændre teksten, hvis Breaking News ikke er den etiket, du ønsker. Vælg titel eller uddrag, og slå derefter Vis miniaturebillede og Vis dato til, hvis du har brug for dem.
  4. Vælg Vandret, Lodret eller Vandret rulle under Animation, indstil Autospil-intervallet, og hold Pause ved svæve på, så folk kan læse en overskrift, før den flytter.
  5. Åbn fanen Stil for at farve etiketten, teksten og pilene, og udgiv derefter. Baren henter hvert nyt indlæg alene.
Elementor editor, der viser Master Addons News Ticker widget Design Options panelet ved siden af fem nyheder ticker layouts

Tickeren passer godt sammen med Blogwidget for postgitteret under den, Logo skyder for partnerlogoer, Tidslinje for daterede opdateringer, Billedkarrusel for fremhævede historier og Indholdsfortegnelse på de lange læsninger linker overskrifterne til.

Tilføj en RSS-nyhedsticker i WordPress uden jQuery-kode

De fleste RSS ticker tutorials starter med et jQuery plugin, en feed parser og din egen CSS. På et Elementor site gør News Ticker widget det samme job fra panelet.

  1. Slå News Ticker til i Master Addons-dashboardet. Det har brug for en aktiv Pro-licens.
  2. Træk widgetten Nyhedsbillet under din overskriftsmenu eller ind i den sektion, hvor bjælken skal sidde.
  3. Åbn nyhedstickertype og indstil Ticker Type til RSS Feed.
  4. Indsæt feed-URL'en, for eksempel https://example.com/feed/, og indstil Limit Posts.
  5. I Designindstillinger skal du ændre etiketteksten.
  6. Vælg en Rulletype i afsnittet Animation, og udgiv derefter.

Vil du have overskrifter fra din egen blog i stedet? Forlad Ticker Type på indhold og vælg kategorier under Post Query. For et komplet bloglayout ved siden af tickeren skal du bruge den gratis Blogwidget, eller vise daterede begivenheder med Tidslinje.

Hvad News Ticker-widgetten kan og ikke kan

Elementor tickers adskiller sig mest i, hvor overskrifterne kommer fra. Tjek denne liste mod enhver anden widget, før du køber.

særpræNyheder Ticker
Seneste indlægJa
Enhver posttype (produkter, brugerdefinerede posttyper)Ja
Kategori og tag filter (blogindlæg)Ja
RSS-feed URLJa
Manuelle tekstelementeringen
Titel eller uddragJa
MiniaturebilledeJa
Dato (titeltilstand)Ja
Vandret, lodret eller kontinuerlig rulleJa
Hold pause ved svæveJa
PileJa
Skriveeffektingen

Indtastet overskrifter er ikke i widget i dag. For en fast meddelelse, sætte en Text Editor widget i samme bar, eller offentliggøre meddelelsen som et indlæg i en kategori tickeren trækker fra.

Hvor skal man sætte en nyhedsticker: overskriftsbjælke, helt eller sidebjælke

Det sædvanlige sted er en slank bjælke over hovedmenuen. Byg en header skabelon i Tema Bygherre, tilføje en fuld-bredde container øverst, slip News Ticker i, og linjen viser på hver side skabelonen dækker. Hvis du starter fra en af de Elementor header skabeloner, den øverste bar er der allerede.

En helt arbejder for en nyheds- eller magasinhjemmeside. En vandret ticker under overskriften holder de nyeste indlæg i udsigt uden at skubbe siden ned. I en sidebjælke eller en smal kolonne skal du skifte Scroll Type til Lodret, så overskrifterne ruller opad en ad gangen, som liveeksemplet nedenfor.

Elementor header skabelon med en Breaking news ticker bar over webstedets logo, menu og Abonner-knap
Skabelonfremviser
face
kvidre
whatsapp
Kopier Link
Køb Nu
Redaktionelt nummer ticker
Redaktionelt nummer ticker
knække trådliste
knække trådliste
Markedstavle ticker
Markedstavle ticker
Afgangsbestyrelse Ticker
Afgangsbestyrelse Ticker
Platformstatus ticker
Platformstatus ticker
Fuld Blødning Matchday Ribbon
Fuld Blødning Matchday Ribbon
Besøgsmeddelelse Ticker
Besøgsmeddelelse Ticker
På Air Crawl Panel
På Air Crawl Panel
Nyheder Ticker
Nyheder Ticker
Nyheder Ticker med Block Post
Nyheder Ticker med Block Post

Ofte stillede spørgsmål til News Ticker

Lær de mest stillede forespørgsler, brugerne har om News Ticker, og find svar på ét sted.
Kan tickeren vise mine nyeste WooCommerce produkter?

Ja. Hold Ticker Type på Indhold, åbne Post Query og indstille Post Type til Produkt. Ticker viser derefter dine nyeste produkter efter titel, med miniaturebilleder, hvis du tænder dem. Filtrene Kategorier og tags bruger blog kategorier og tags, så lad dem være tomme for produkter.

Ja. Widgetten læser den feed-URL, du indtastede, så nye elementer i feedet vises i tickeren. Hvis dit websted bruger sidecaching, ser besøgende de nye overskrifter, når cachen opdateres.

Nej. Elementor og Elementor Pro omfatter ikke en. De nærmeste kernemuligheder er en Loop Carousel eller rulletekst med bevægelseseffekter, og hverken læser dine indlæg eller et feed. News Ticker-widgetten leveres med Master Addons Pro og fungerer i enhver Elementor-side eller header-skabelon.

Ikke i øjeblikket. Tickeren læser indlæg, produkter eller andre posttyper fra dit websted, eller et RSS-feed. For en fast meddelelse skal du tilføje en Text Editor-widget til den samme bjælke, eller offentliggøre meddelelsen som et indlæg i en kategori, som tickeren trækker fra.

Er tickeren responsiv på telefoner?

Ja. Baren tager bredden af sin beholder. Forhåndsvis den i Elementors mobilvisning og juster etiketten og teksttypografien for små skærme. Den Lodrette rulletype fungerer også godt på smalle steder som en sidebar.

Nej, News Ticker er en del af Master Addons Pro. Hvis du kun har brug for logoer eller billeder, der ruller nonstop, er det gratis Logo skyder kan gøre det med autoplay. Vores Elementor markeringsramme guide sammenligner begge muligheder.

Ja. Indstil Ticker Type til RSS Feed og indsæt feed URL, for eksempel et nyhedswebsted eller en partnerblog. Begræns indlæg begrænser, hvor mange elementer der vises, op til 30, og feedet læses på serveren, så besøgende aldrig venter på det andet websted.

Ja. Åbn Tema Builder, oprette eller redigere en header skabelon og slip Nyhedsbilletten i en fuld-bredde container over menuen. Header builder er gratis i Master Addons. Ticker widget selv har brug for Pro.

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/sideduplikator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer