Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till en rullande nyhetsticker i WordPress

Många webbplatser använder en rullande textrad högst upp på sidan för att uppmärksamma viktiga uppdateringar, som reor, meddelanden eller nyheter.

Den här funktionen, som ofta kallas en nyhets ticker, är ett enkelt sätt att se till att viktiga meddelanden syns utan att ta över din layout eller distrahera besökare.

Vi har använt nyhets tickers på våra egna WordPress-sajter för att marknadsföra tidsbegränsade erbjudanden och dela viktiga uppdateringar, och de fungerar särskilt bra när du vill lyfta fram något utan att behöva designa om din startsida.

I den här guiden visar vi dig hur du lägger till en rullande nyhets ticker på din WordPress-sajt, steg för steg.

Hur man lägger till en rullande nyhetsticker i WordPress

💡Snabbt svar: Hur man lägger till en nyhets ticker

Det enklaste sättet att lägga till en rullande nyhets ticker i WordPress är att använda pluginet Ditty. Installera bara pluginet, lägg till dina textelement, välj visningstypen 'Ticker' och klistra in den genererade kortkoden i din webbplats header eller startsida.

Vad är ett rullande nyhetsflöde?

En nyhets ticker är en enda textrad som rullar kontinuerligt över skärmen.

Det är ett utmärkt sätt att visa små informationsutdrag på ett iögonfallande sätt. Eftersom innehållet ständigt rullar kan du visa mycket information på en begränsad yta.

Tickers används vanligtvis för att visa:

Detta liknar hur du kan använda en klibbig flytande sidofältsrad.

Låt oss titta på hur du lägger till en rullande nyhets ticker på din WordPress-blogg eller webbplats.

Hur man lägger till en rullande nyhetsticker i WordPress

Det enklaste sättet att skapa en nyhets ticker är att använda ett plugin. Även om anpassad CSS erbjuder viss anpassning, är det inte nybörjarvänligt.

Vi rekommenderar Ditty (tidigare Ditty News Ticker). Det är ett av de bästa WordPress-nyhetspluginen på marknaden.

Med detta plugin kan du lägga till rörligt, scrollande och glidande innehåll på din webbplats. Du kan också ändra animationens riktning, avstånd, hastighet och stil.

Först måste du installera och aktivera pluginet. För mer information, se vår kompletta guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du gå till Ditty » Lägg till ny i WordPress-instrumentpanelen. Klicka sedan på knappen 'Lägg till standard'.

Lägga till ett telegram till din WordPress-webbplats

Nu kan du skapa det första objektet för tickern. I rutan 'Innehåll', skriv texten du vill visa.

Du kan göra ett tillkännagivande eller dela användbar information. Till exempel kan du informera kunder om en planerad rea eller nya inlägg.

Lägga till innehåll i en online-ticker

Du kan också lägga till länkar till nyhetsartikeln. Detta gör det enkelt för folk att besöka sidan eller inlägget som visas i tickern.

För att göra detta, lägg till en URL i fältet 'Länk'.

Lägga till länkar i ett webbplats-telegram

Du kan också lägga till en länktitel, markera URL:en som nofollow, och mer.

För att få ut mesta möjliga av tickern, kanske du vill lägga till flera nyhetsartiklar. Klicka på knappen 'Uppdatera objektinställningar' för att spara dina ändringar.

Lägga till ett rullande nyhetsflöde till WordPress

Förhandsgranskningen uppdateras nu för att visa det objekt du just skapade.

För att lägga till ett annat objekt till tickern, klicka på knappen 'Lägg till objekt'.

Lägga till objekt i en rullande nyhetsflöde

Du kan sedan upprepa stegen ovan för att lägga till så många nyhetsartiklar som du behöver.

När du är nöjd med dina objekt, kanske du vill ändra ordningen. Ta helt enkelt tag i objektet du vill flytta och dra det till en ny position.

Ändra ordningen på ticker-objekt i ett rullande nyhetsflöde

Som standard visar Ditty dina objekt i en lista.

Eftersom du vill skapa en rullande nyhetsflöde, klicka på fliken 'Display'.

Skapa ett animerat telegram i WordPress

På den här skärmen klickar du på länken ‘Ändra typ’.

I popup-fönstret som visas, välj 'Ticker' och klicka sedan på 'Update Type'.

Hur man skapar en rullande nyhetsrullning i WordPress

Du kan nu ändra hur nyhetsflödet ser ut och beter sig på din WordPress-webbplats.

Detta inkluderar att ändra rullningsriktning, hastighet och avstånd mellan ticker-objekt.

Anpassa en animerad ticker

Du kan också välja mellan olika stilar för tickerbehållaren, objekt, titlar och mer. De flesta av dessa inställningar är självförklarande, så det är värt att utforska dem för att se vilka ändringar du vill göra.

När du är nöjd med hur tickern är inställd, klicka på knappen "Spara Ditty".

Spara inställningarna för telegrammet i WordPress

Därefter är du redo att lägga till tickern på din webbplats med en kortkod. För att få denna kortkod, klicka på fliken 'Inställningar'.

Kopiera nu värdet i fältet ‘Shortcode’.

Lägga till en nyhetsrullning på en webbplats med kortkod

Du kan lägga till kortkoden på vilken sida, inlägg eller widget-redo område som helst. Tickrar är dock mest effektiva när de placeras i webbplatsens sidhuvud eller högst upp på startsidan.

För mer information om hur du placerar kortkoden, se vår guide om hur man lägger till en kortkod.

När du har gjort det, uppdaterar eller publicerar du bara dina ändringar för att göra nyhetsflödet live på din WordPress-webbplats.

Förhandsgranskning av nyhetsflöde

🎁 Bonus: Lägg till en klibbig sidofält för maximal effekt

En rullande nyhetstcker hjälper till att lyfta fram roterande meddelanden. Att kombinera den med en klistrig flytande sidfältsrad kan dock effektivt få besökarnas uppmärksamhet för olika ändamål.

Sidfältsraden håller viktig, statisk information synlig. Nyhetstickern säkerställer att aktuella uppdateringar är i förgrunden.

Med verktyg som OptinMonster kan du skapa attraktiva sidofält och samordna dem med ditt nyhetsflöde för att visa specialerbjudanden, brådskande nyheter eller populära inlägg.

OptinMonster sidfältsförhandsgranskning

Tänk på sidfoten som en konstant uppmaning till handling, medan nyhetsflödet levererar kortsiktiga, viktiga uppdateringar.

Tillsammans förbättrar dessa funktioner användarupplevelsen och kan öka konverteringsgraden genom att uppmuntra till snabb interaktion med erbjudanden och nyckelinnehåll.

För att komma igång, se vår handledning om hur man skapar en "klibbig" flytande sidofältsrad i WordPress.

Vanliga frågor om rullande nyhetstickrar

Här är några frågor som våra läsare ofta har ställt om att lägga till rullande nyhetstickrar i WordPress:

Hur lägger man till rullande nyheter i WordPress?

Det bästa sättet att lägga till rullande nyheter är att använda ett specialiserat plugin som Ditty. Du kan installera pluginet, skapa ett nytt tickerelement och använda den genererade kortkoden för att visa nyhetsflödet på dina inlägg, sidor eller sidofält.

Hur lägger man till rullande text i WordPress?

Du bör använda ett plugin för att lägga till rullande text för att säkerställa att det fungerar på mobila enheter. Vi rekommenderar att undvika den gamla HTML-taggen <marquee> eftersom den är föråldrad och kanske inte visas korrekt i moderna webbläsare.

Hur lägger jag till ett scrollfält i WordPress?

Om du vill lägga till en rullande textrad (ticker) på din webbplats kan du använda Ditty-pluginet som visas i den här guiden. Om du letar efter att lägga till en anpassad scrollbar för navigering eller en läsframstegsbar, behöver du troligen ett annat plugin som Worth The Read.

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger till en rullande nyhetsflöde i WordPress. Du kanske också vill lära dig hur du markerar nya inlägg för återkommande besökare eller se våra experttips om de bästa WordPress-sidofältsknepen för maximala resultat.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

17 CommentsLeave a Reply

  1. Tack för den här artikeln; den har hjälpt mig att lösa ett problem jag har haft i ett år. Jag har en blogg och ville lägga till en så kallad mikroblogg – en liten sektion på webbplatsen där jag kunde posta mycket snabba och koncisa uppdateringar om ny utveckling. Det finns dock för närvarande inget specifikt plugin för mikrobloggning. Den här metoden är precis det sätt jag behövde för att äntligen ta itu med mikrobloggproblemet och lägga till snabba, korta uppdateringar på min webbplats. Jag är överlycklig över att ha hittat en användbar lösning efter ett år – fantastiskt!

  2. Har velat ändra utseendet på mina länkar och det här inlägget gjorde det superenkelt. Anpassningsalternativet var perfekt för mina grundläggande behov, men jag kommer definitivt att ha CSS-metoden i åtanke för mer avancerade ändringar.

    Överväg att använda ett verktyg för färgpaletter för att säkerställa att din länks färg kontrasterar väl med resten av din webbplats design.

  3. Jag har två webbplatser. Kan jag lägga till en ticker på en webbplats som återspeglar den andra webbplatsen?

    • Även om tickern inte skulle överföra informationen till din andra webbplats, kan du absolut lägga till samma information i tickern.

      Admin

  4. Hur lägger jag till titeln Senaste Nyheter: till den rullande nyheten, efter rubriken på huvudsidan visas den på min webbplats.

  5. Var anger du texten för din lista? Min installation visar inte vissa av de objekt du har i dina skärmdumpar.

  6. Jag tror att det här kan vara den ticker jag vill ha men, som i många onlinevideor om plugins, pratade och rörde du dig så snabbt att jag inte kunde följa instruktionerna.

  7. Hur lägger jag till titeln "Senaste nytt" till det rullande nyhetsflödet, det visas på min webbplats, men jag såg inte var jag skulle lägga till om det är senaste nytt eller senaste uppdatering etc.

  8. mycket bra plugin men jag har en fråga
    jag använder artisteer för att göra mina teman kan du berätta var jag kan lägga till php-funktion till widgeten
    i detta eller varifrån kan jag lägga till mina teman

  9. Hej, Snälla, hur kan jag lägga till den direkta funktionen, vänligen ge steg-för-steg-instruktioner för att lägga till den direkta funktionen.

    Jag lade till kortkoden på min om-sida och det fungerade, men jag lade till den på min hemsida men det fungerade inte... vänligen ge råd

    • Kopiera helt enkelt direktfunktionen som visas i den sista skärmdumpen i artikeln och klistra in den i din temas home.php eller header.php. Klistra in den där du vill att din nyhetstiker ska visas.

      Admin

  10. hej,
    tack för att du gav instruktionerna tydligt.. jag hade en fråga var ska vi placera kortkoden och den direkta funktionen?
    placerar vi den i inlägget/sidan?

    Tack,
    Sujani

  11. Det verkar vara ett bra tema, eftersom jag inte är en PHP-utvecklare men jag vill använda detta tema och integrera det på min WordPress-blogg. Jag vill bara att du beskriver hur jag kan använda detta tema på min blogg så att mina senaste nyheter visas överst i min meny eller under min huvudmeny som en bildspel som visas på TV. Snälla, jag behöver en procedur.

    Tack

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.