How to Create Feature Post News Ticker WordPress

Additional on my article Create a WordPress Theme with Bootstrap And underscores Step by Step, I‘ll give you a tutorial How to Create Feature Post News Ticker WordPress. News ticker is a plugin that used to display information in a slide form. News ticker display as shown below

programming tutorial - feature post news ticker wordpress

To create a feature post news ticker, I use jquery and newsticker.js function that I took from jqueryscript.net. By modifying script into the theme function, we can use it as a wordpress plugin and add them into  theme customizer.

Let’s start tutorial

Create Feature Post News Ticker WordPress

Note : I create this tutorial by adding a function in functions.php in the theme folder

Please download file jquery.min.js and newsticker.js in the link below

– Download jquery.min
– Download newsticker.js

Put jquery.min in js folder (themedirectory -> js -> jquery.min.js). Then extract newsticker.zip file into js folder (themedirectory -> js -> newsticker.js).

Open file functions.php dan add this script at the bottom line

You can now use these functions to create a feature post news ticker by put the following code in header.php with the following way

The following step is add controls and options in theme customize, you can add the action hook customize_register

Open your theme customize and news ticker option will look as the following

programming tutorial - feature post news ticker wordpress in customize theme

Then add the code to your header.php

The feature post news ticker plugin is already include on my subuntu wordpress theme , for details please download the file subuntu theme on the following link

Subuntu : Free Responsive WordPress Theme With Bootstrap

Thus tutorial about How to Create Feature Post News Ticker WordPress, hope it is useful

The following two tabs change content below.
This site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.

Leave a Comment

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.