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 för att lyfta fram nyheter, reor eller meddelanden.

Den här funktionen, kallad en nyhetstiker, är ett enkelt och effektivt sätt att se till att viktiga uppdateringar inte missas.

Vi har använt nyhetstelegram på våra egna webbplatser för att lyfta fram tidsbegränsade erbjudanden och meddelanden, och de har hjälpt oss att hålla besökarna informerade utan att röran till sidan.

I den här guiden visar vi hur du lägger till en rullande nyhetsrullning på din WordPress-webbplats.

Hur man lägger till en rullande nyhetsticker i WordPress

Vad är ett rullande nyhetsflöde?

En nyhetslist är en enda textrad som rullar kontinuerligt över skärmen. Den visar vanligtvis aktuella nyheter, sportresultat, livefinans- och valutainformation samt väderinformation.

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

Tickers är ett utmärkt sätt att visa små informationsutdrag på ett iögonfallande sätt. Eftersom innehållet alltid rullar kan du också använda tickers för att visa mycket information på en begränsad yta.

Till exempel kan du använda detta WordPress-designefter för att visa dina mest framgångsrika inlägg, meddela en kommande rea eller dela annan användbar information.

Med det sagt, låt oss titta på hur du lägger till en rullande nyhetsflöde till din WordPress-blogg eller webbplats.

Hur man lägger till en rullande nyhetsticker i WordPress

När vi undersökte hur man skapar en nyhetstik, fann vi att det enklaste sättet är att använda ett plugin. Medan anpassad CSS erbjuder en viss nivå av anpassning, är det inte det mest nybörjarvänliga.

Och det bästa pluginet för jobbet är Ditty News Ticker. Det är ett av de bästa WordPress-nyhetsplugins vi har hittat hittills.

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

Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår kompletta guide om hur man installerar ett WordPress-plugin.

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

Lägga till ett telegram till din WordPress-webbplats

Du kan nu skapa det första objektet i det responsiva nyhetstelegrammet. I rutan 'Innehåll', skriv helt enkelt in texten som du vill visa på det rullande telegrammet.

Här kan du göra ett tillkännagivande eller dela användbar information, liknande en webbplatsbanner. Till exempel kan du informera shoppare om en schemalagd rea eller senaste inlägg.

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

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

För att göra detta, lägg bara 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 nyhetsflödet kan du lägga till flera nyhetsartiklar genom att klicka på knappen ‘Uppdatera artikelinställningar’.

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 ytterligare ett objekt i nyhetsflödet, klicka på knappen ‘Lägg till objekt’.

Lägga till objekt i en rullande nyhetsflöde

Du kan nu klicka på ‘Lägg till standard’ och skapa objektet genom att följa processen som beskrivs ovan.

Upprepa helt enkelt dessa steg för att lägga till fler objekt i nyhetsflödet.

När du är nöjd med dina objekt kanske du vill ändra ordningen de visas i tickern. För att göra det, dra bara objektet du vill ändra och släpp det på 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 ticker-behållaren, objekt, titlar och mer. De flesta av dessa inställningar är självförklarande, så det är värt att gå igenom 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

När det är gjort kan du lägga till kortkoden på vilken sida, inlägg eller widget-redo område som helst. 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

Medan ett rullande nyhetsflöde hjälper till att lyfta fram roterande meddelanden, kan en kombination med en klistrig flytande sidofältsrad effektivt fånga besökarnas uppmärksamhet för olika ändamål.

Footer-fältet håller viktig, statisk information synlig, medan 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.

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.