Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen eines scrollenden Nachrichtentickers in WordPress

Möchten Sie einen scrollenden Nachrichtenticker zu Ihrer WordPress-Website hinzufügen?

Fernsehsender verwenden häufig Nachrichtenticker, um auf wichtige Themen hinzuweisen. Dies ist eine großartige Möglichkeit, die Aufmerksamkeit der Besucher zu erregen. Vielleicht möchten Sie also einen Nachrichtenticker auf Ihrer Website einrichten und dann besondere Angebote, beliebte Beiträge und andere wichtige Inhalte hervorheben.

In diesem Artikel zeigen wir Ihnen, wie Sie einen scrollenden Nachrichtenticker in WordPress hinzufügen können.

How to Add a Scrolling News Ticker in WordPress

Was ist ein scrollender Nachrichtenticker?

Ein Nachrichtenticker ist eine einzelne Textzeile, die sich kontinuierlich über den Bildschirm bewegt. Er zeigt in der Regel aktuelle Nachrichten, Sportergebnisse, aktuelle Finanz- und Währungsinformationen sowie Wetterinformationen an.

Dies ist vergleichbar mit der Verwendung einer schwebenden Fußleiste.

Ticker sind eine großartige Möglichkeit, um kleine Informationsschnipsel aufmerksamkeitsstark darzustellen. Da der Inhalt immer gescrollt wird, können Sie Ticker auch verwenden, um viele Informationen auf begrenztem Raum zu zeigen.

So können Sie beispielsweise einen Nachrichtenticker verwenden, um Ihre erfolgreichsten Beiträge anzuzeigen, einen bevorstehenden Verkauf anzukündigen oder andere nützliche Informationen zu teilen.

Schauen wir uns also an, wie man einen scrollenden Nachrichtenticker zu Ihrem WordPress-Blog oder Ihrer Website hinzufügt.

Hinzufügen eines scrollenden Nachrichtentickers in WordPress

Am besten fügen Sie Ihrer Website einen scrollenden Nachrichtenticker hinzu, indem Sie Ditty verwenden, eines der besten WordPress News Plugins. Mit diesem Plugin können Sie Ihrer Website bewegte, scrollende und gleitende Inhalte hinzufügen und dann die Richtung, den Abstand, die Geschwindigkeit und das Styling der Animation ändern.

Als Erstes müssen Sie das Ditty-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie im WordPress-Dashboard auf Ditty “ Neu hinzufügen gehen und dann auf die Schaltfläche „Standard hinzufügen“ klicken.

Adding a ticker to your WordPress website

Nun können Sie das erste Element des Tickers erstellen. Geben Sie in das Feld „Inhalt“ einfach den Text ein, den Sie in der Laufschrift anzeigen möchten.

Hier können Sie eine Ankündigung machen oder nützliche Informationen weitergeben, ähnlich wie bei einem Website-Banner. Zum Beispiel könnten Sie Ihre Kunden über einen geplanten Verkauf oder kürzlich veröffentlichte Beiträge informieren.

Adding content to an online ticker

Sie können auch Links zu den Nachrichten hinzufügen, damit die Besucher die Seite oder den Beitrag im Ticker leicht besuchen können.

Fügen Sie dazu einfach eine URL in das Feld „Link“ ein.

Adding links to a website ticker

Sie können auch einen Link-Titel hinzufügen, die URL als nofollow markieren und vieles mehr.

Um den Ticker optimal zu nutzen, können Sie mehrere Nachrichten hinzufügen, indem Sie auf die Schaltfläche „Update Item Settings“ klicken.

Adding a scrolling news ticker to WordPress

Die Vorschau wird nun aktualisiert und zeigt den soeben erstellten Artikel an.

Um einen weiteren Eintrag in den Ticker aufzunehmen, klicken Sie auf die Schaltfläche „Eintrag hinzufügen“.

Adding items to a scrolling news ticker

Sie können nun auf „Standard hinzufügen“ klicken und das Element wie oben beschrieben erstellen.

Wiederholen Sie diese Schritte, um dem Ticker weitere Einträge hinzuzufügen.

Wenn Sie mit Ihren Artikeln zufrieden sind, möchten Sie vielleicht die Reihenfolge ändern, in der sie in der Laufschrift erscheinen. Greifen Sie dazu einfach das zu ändernde Element und ziehen Sie es per Drag-and-drop an eine neue Position.

Changing the order of ticker items in a scrolling newsfeed

Standardmäßig zeigt Ditty Ihre Artikel in einer Liste an.

Da Sie eine Laufschrift erstellen möchten, klicken Sie auf die Registerkarte „Anzeige“.

Creating an animated ticker in WordPress

Klicken Sie auf diesem Bildschirm auf den Link „Typ ändern“.

Wählen Sie in dem daraufhin angezeigten Popup-Fenster „Ticker“ und klicken Sie dann auf „Aktualisierungsart“.

How to create a scrolling ticker in WordPress

Sie können nun ändern, wie der Ticker auf Ihrer WordPress-Website aussieht und funktioniert.

Dazu gehört das Ändern der Bildlaufrichtung, der Geschwindigkeit und der Abstände zwischen den Tickerelementen.

Customizing an animated ticker

Sie können auch zwischen verschiedenen Stilen für den Ticker-Container, die Elemente, die Titel und mehr wählen. Die meisten dieser Einstellungen sind selbsterklärend, es lohnt sich also, sie durchzugehen, um zu sehen, welche Änderungen Sie vornehmen möchten.

Wenn Sie mit der Einrichtung des Tickers zufrieden sind, klicken Sie auf die Schaltfläche „Ditty speichern“.

Saving the ticker settings in WordPress

Danach können Sie den Ticker mithilfe eines Shortcodes zu Ihrer Website hinzufügen. Um diesen Shortcode zu erhalten, klicken Sie auf die Registerkarte „Einstellungen“.

Kopieren Sie nun den Wert in das Feld „Shortcode“.

Adding a ticker to a website using shortcode

Danach können Sie den Shortcode zu einer beliebigen Seite, einem Beitrag oder einem Widget-bereiten Bereich hinzufügen. Weitere Informationen über die Platzierung des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes.

Sobald Sie das getan haben, aktualisieren oder veröffentlichen Sie Ihre Änderungen, um den Ticker auf Ihrer WordPress-Website zu aktivieren.

News Ticker Preview

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie man einen scrollenden Nachrichtenticker in WordPress einfügt. Vielleicht möchten Sie auch erfahren , wie Sie neue Beiträge für wiederkehrende Besucher hervorheben können, oder sich unsere Expertenauswahl der besten WordPress-Seitenleisten-Tricks ansehen, um maximale Ergebnisse zu erzielen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

15 KommentareEine Antwort hinterlassen

  1. Lin

    I have two websites. Can I add a ticker on one site that will reflect the other site?

    • WPBeginner Support

      While the ticker would not transmit the information to your other site, you can certainly add the same information in the ticker.

      Admin

  2. karbhari

    How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.

  3. Anna Sue

    Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.

  4. Anna Sue

    I this may be the ticker I want but, as in many online videos about plugins, you talked and moved so fast I could get the instructions.

  5. H.M.Mohiuddin

    how can i add a news ticker without using plugin

  6. felix

    How do i add the Latest News: title to the scrolling news, it shows on my site, but i didnt see where to add if its lastest news or latest update etc

  7. hosam abdallah

    very good plugin but i have aquestion
    i use artisteer to make my themes can you tell me where can i add php function to widget
    in this or from where can i add to my themes

  8. Abdulmumin

    Hello, Please how can I add the direct function, kindly provide the ste by step instruction in adding the direct funtction.

    I added the shortcode in my about page and it worked but i added it on my home page but it didnt work…..kindly advice

    • WPBeginner Support

      Simply copy the Direct function as shown in the last screenshot of the article and paste in your theme’s home.php or header.php. Paste it at the location where you would like your news ticker to appear.

      Admin

  9. Sujani

    hey,
    thanks for giving the instructions clearly.. i had a a question where should we put the shortcode and direct function?
    do we place it in the post/page?

    Thanks,
    Sujani

    • WPBeginner Support

      shortcode for posts/pages/widgets and direct function if you want to hard code it in your theme’s template files.

      Admin

  10. Peter Johnson

    It seems a great theme, as I am not a PHP developer but I want to use this theme and integrate this theme on my wordpress blog. I just want you to describe ho can I use this theme in my Blog so my latest news can be shown on top of my menu or below my main menu like a slide shown on Television. Please I need a procedure.

    Thanks

  11. Mackenzie

    Thanks, really nice tut.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.