Jquery news ticker

Jquery news ticker plugin brings a lightweight, flexible and easy to configure news ticker plugin to wordpress website. This plugin adds scrolling horizontal tickers to your site. It can be use as a fade in fade out ticker too. You can enter your news via HTML mark-ups manually in the admin dashboard.

Advantage of this plugin

  • Lightweight JQuery
  • Easy to configuration
  • Multi-widget option
  • Expiration date for the messages
  • Plugin tested with IE6+, FF 20+, Chrome, Safari.
  • Supports localization.

Live demo

Installation Instruction

Option 1

  • Download the plugin jquery-news-ticker-plugin.zip from download location.
  • Unpack the *.zip file and extract the jquery-news-ticker-plugin folder.
  • Drop the Jquery news ticker plugin folder into your wp-content/plugins folder.
  • In word press administration panels, click on Plugins from the menu.
  • You should see your plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.

Option 2

  • Go to Add New menu under Plugins menu in your word-press admin.
  • Search Jquery news ticker plugin plugin using search option.
  • Find the plugin and click Install Now link.
  • Finally click activate plug-in link to activate the plug-in.

Option 3

  • Download the plugin jquery-news-ticker-plugin.zip from download location.
  • Go to Add New menu under Plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available jquery-news-ticker-plugin.zip file and click install now
  • Finally click activate plug-in link to activate the plug-in.

Plugin configuration

Drag and drop the widget: Go to widget menu and drag and drop the Jquery news ticker widget to your sidebar location.

Paste the PHP code to your desired template location: Copy and past the below mentioned code to your desired template location (i.e in theme PHP file).

<?php newsticker( $group = "", $title = "", $direction = "", $type = "", $pause = "", $speed = "" ); ?>

Short code for pages and posts: Please find the short code below.

[jquery-news-ticker group="GROUP1" title="News" direction="ltr" type="reveal" pause="2000"]

group (Mandatory) : To display all the news without any group, set this to an empty string.
title (Optional) : Ticker title, Set empty string to remove the title.
direction (Optional) : Ticker direction, Left to right (ltr). Right to left (rtl)
type (Optional) : Ticker type, At present we have two option only, options are ‘reveal’ and ‘fade’
pause (Optional) : The pause on a news item before being replaced.
speed (Optional) : The speed of the reveal (example: 0.10)

Frequently asked questions

Q1. How to arrange the speed of the reveal text?
In the short code you have attribute (speed) to arrange the reveal text speed, same option available in the widget form for widget display. 0.10 is a default speed of the reveal.

Q2. How to arrange the pause time for fade-in effect?
In the short code you have attribute (pause) to arrange the pause time, same option available in the widget form for widget display. 2000 is a default pause of the fade-in effect.

Q3. Is possible to add expiration date for the ticket news?
YES, We have expiration date for each news. This admin available in the plugin admin link.

Login to admin ==> Settings ==> Jquery news ticker

Q4. Which browsers does this support?
This plugin has been tested IE6+, FF 20+, Chrome, Safari.

Official page

http://www.gopiplus.com/work/2013/10/03/jquery-news-ticker-wordpress-plugin/

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

4 Responses to“Jquery news ticker”

  1. Gopi Ramasamy
    October 5, 2013 at 12:23 pm #

    Plugin short code

    [jquery-news-ticker group="GROUP1" title="News" direction="ltr" type="reveal" pause="2000"]

  2. rohit mehta
    May 17, 2014 at 6:39 am #

    how to increase width of the horizontal board.

    • Gopi Ramasamy
      May 18, 2014 at 1:20 am #

      Width is 95%, it is mentioned on the CSS file jquery-news-ticker.css

  3. Brian
    August 18, 2014 at 7:31 pm #

    How can I change access so Editor-level people can make changes to the ticker?

Leave a Reply

Your email address will not be published. Required fields are marked *

(Required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *