Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add a Scrolling News Ticker in WordPress

Do you want to add a scrolling news ticker to your WordPress site?

Television networks often use news tickers to highlight important stories. They’re a great way to get the visitor’s attention, so you might want to add a news ticker to your website and then highlight special deals, popular posts, and other important content.

In this article, we’ll show you how to add a scrolling news ticker in WordPress.

How to Add a Scrolling News Ticker in WordPress

What Is a Scrolling News Ticker?

A news ticker is a single line of text that scrolls continuously across the screen. They typically show current news items, sporting results, live financial and currency information, and weather information.

This is similar to how you might use a sticky floating footer bar.

Tickers are a great way to display small snippets of information in an eye-catching way. Since it’s always scrolling, you can also use tickers to show quite a lot of information in a limited space on your WordPress blog.

For example, you might use a news ticker to display your best performing posts, announce an upcoming sale, or share other useful infomration.

With that being said, let’s look at how to add a scrolling news ticker to your WordPress site.

How to Add a Scrolling News Ticker in WordPress

The best way to add a scrolling news ticker to your website is by using the Ditty News Ticker plugin. This plugin allows you to add moving, scrolling, and sliding content to your website, and then change the direction, spacing, speed, and styling of the animation.

The first thing you need to do is install and activate the Ditty News Ticker plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to News Tickers » Add New in the WordPress dashboard. The plugin will show a sample ticker with some default content.

How to add a scrolling news ticker in WordPress

Note: Want to create a list or slider instead? Then simply click on the ‘Display’ button to access these options.

To customize the default scrolling ticker, hover your mouse over the ‘This is a sample item’ text. Then, click on the ‘Edit item’ button, which looks like a small pencil.

Editing the sample news ticker in WordPress

You can now create the first item in the ticker. In the ‘Content’ box simply type in the text that you want to show on the scrolling ticker.

Here, you might make an announcement or share some useful information. For example, you could let shoppers know about a scheduled sale or share a coupon code.

Creating a news ticker using the Ditty WordPress plugin

You can also add links to the news item, so people can easily visit the page or post featured in the ticker.

To do this, just add aa URL to the ‘Link’ field.

Adding links to a WordPress news ticker

To make the most out of the ticker, you may want to add multiple news items.

To add more items, just click on the left-pointing arrow.

Adding items to a WordPress news ticker

Then, click on the ‘Add new item’ button.

You can now add more items to the ticker by following the same process described above.

Creating a scrolling news ticker in WordPress

When you’re happy with your items, click on the ‘Display’ tab.

Then, hover over ‘Default ticker’ and click on ‘Edit Display’ when it appears.

Customizing a news ticker in WordPress

Here, you can change how the ticker looks and acts.

This includes changing the scroll direction, speed, and the spacing between ticker items.

Changing the news ticker scrolling speed

You can also choose between different styles for the ticker container, items, title, and more.

Just scroll to the bottom of the panel and then click on any of these options to expand it.

Changing how the news ticker looks in WordPress

Most of these settings are self-explanatory, so it’s worth going through them to see what changes you want to make.

When you’re happy with how the ticker is set up, click on the ‘Save Ditty’ button.

After that you’re ready to add the ticker to your site using a shortcode. To get this shortcode, go ahead and click on the ‘Settings’ button.

Now, copy the value in the ‘Shortcode’ field.

Adding a news ticker to WordPress using a shortcode

With that done, you can add the shortcode to any page, post, or widget-ready area. For more information on how to place the shortcode, please see our guide on how to add a shortcode in WordPress.

Once you’ve done that, just update or publish your changes to make the ticker live on your WordPress website.

News Ticker Preview

We hope this tutorial helped you learn how to add a scrolling news ticker in WordPress. You may also want to learn how to increase your blog traffic, or check out our list of proven ways to make money online blogging with WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

15 CommentsLeave a Reply

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

      Admin

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

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

  3. 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.

  4. 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

  5. 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

  6. 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

    • 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

  7. 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

  8. 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

Leave a Reply to Anna Sue Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.