Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Add a News Ticker in WordPress

Last updated on by
Elegant Themes
How to Add a News Ticker in WordPress

News tickers sometimes referred to as slides are located at the bottom of most television news networks to highlight breaking news, daily trends, etc. You can use a news ticker on your WordPress website to highlight special deals, popular posts, or anything else. In this article, we will show you how to add a rotating or scrolling news ticker in WordPress.

First thing you need to do is install and activate the Ditty News Ticker plugin. Upon activation, the plugin adds a News Ticker menu item in your WordPress admin. Bring your mouse over to the menu item and click on the Add New link to add a news ticker.

On the next screen, you will have the ability give this particular news ticker a name, ticker text and link. For each ticker, you can add as many ticker items as you like. If you want to add another ticker item, then press the green + button to add the next item on the ticker. Once you are done adding ticker items, scroll down to Ticker Mode. There are three different ticker modes available. Scroll, rotate, and list. The scroll mode is the default one because it is the most commonly used in television networks. Rotate is another good option if you want to show one ticker at a time.

Adding news ticker items

If you want to adjust the behavior of the news ticker, then scroll down to the Scroll settings panel. This panel allows you to configure scroll speed and dimensions. You can also choose the spacing between each ticker items and pause items when a user brings their mouse over the ticker.

News ticker scroll settings

The plugin generates a shortcode as well as a PHP function for each news ticker you create. You can either use the shortcode inside a post, page, sidebar widget, or you can directly insert the PHP function in your theme files.

News ticker shortcode and php function

Once you insert the ticker shortcode or PHP function, then it should work. We hope that this article helped you add a news ticker to your WordPress website. Would you use a news ticker on your website, or do you rather prefer our sticky floating footer bar? Let us know by leaving a comment below.


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. hosam abdallah says:

    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

  2. Abdulmumin says:

    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 says:

      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.

  3. Sujani says:

    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 says:

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

  4. Peter Johnson says:

    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

  5. Mackenzie says:

    Thanks, really nice tut.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.