Attention Ticker on WordPress

A ticker on a web page grabs the visitor's attention. Your message is seen.

The Attention Ticker software puts a ticker on WordPress posts and pages and also on non-WordPress pages. I'll describe how to do it.

Examples of ticker messages are:

• Introducing a product. ("Now, a widget elimination tool!")

• Call attention to a special section of the website. ("The 'Perks" section describes the benefits of working for this company.")

• A welcome and a wish for the site visitor to have a wonderful day. ("Welcome. We hope this is the beginning of a wonderful rest of your day!")

The procedure for installing Attention Ticker for WordPress use and for sites without WordPress is identical. It's PHP software. Simply upload the software files to your server.

When the software is first run, it will try to create a directory and data files. If it can not do so, it will present you with instructions on what to do next.

There are some differences, however, when inserting the ticker code into WordPress posts and pages. Instructions and examples follow.

Differences When Inserting Ticker Code

The Attention Ticker control panel assumes the ticker will be on a non-WordPress page.

To insert the ticker code into WordPress posts or pages, make the code all one line. Use the "HTML" tab (not the "Visual" tab) when inserting the code.

Here are examples.

The Ticker Div Code —

At the "Copy 'n Paste Code" page of the control panel, you specify several custom bits of information. Each custom information changes the ticker div code.

For non-WordPress pages, the code might be:

<div id="myTickerID" 
   class="tickerstyle" 
   onmouseover="AT_Pause()" 
   onmouseout="AT_Resume()">
&nbsp;
</div>

For use in WordPress posts or pages, make the code all one line:

<div id="myTickerID" class="tickerstyle" onmouseover="AT_Pause()" onmouseout="AT_Resume()">&nbsp;</div>

The Ticker JavaScript Code —

On the same page of the control panel, below the ticker div code, is JavaScript copy 'n paste code.

For non-WordPress pages, the code might be:

<script 
   type="text/javascript" 
   src="https://example.com/ticker/AttentionTickerInclude.php?myTickerID">
</script>

For use in WordPress posts or pages, make the code all one line:

<script type="text/javascript" src="https://example.com/ticker/AttentionTickerInclude.php?myTickerID"></script>

Those are the differences – making the code all one line for WordPress posts or pages.

CSS for the Ticker Message

One of the customizations that can be specified at the "Copy 'n Paste Code" page of the control panel is a CSS class name. Of course, to have a class name, the CSS must exist.

Here is an example CSS definition for class name "tickerstyle". This code is for non-WordPress pages or for an external style sheet.

<style type="text/css" media="screen">
<!-- 
.tickerstyle { 
   font-size:12px; 
   line-height:120%; 
   border-top:1px #ccc solid; 
   border-bottom:1px #ccc solid; 
   padding-top:3px; 
   padding-bottom:3px;
   } 
-->
</style>

Optionally, the CSS definition may be pasted into the web page with the ticker div code. CSS is not required to be in the HEAD area of the web page or in an external style sheet.

To past it directly into WordPress posts or pages, of course, the CSS definition must be all one line:

<style type="text/css" media="screen"><!-- .tickerstyle { font-size:12px; line-height:120%; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding-top:3px; padding-bottom:3px; } --></style>

Publishing Tickers on Other Domains

Although the license of Attention Ticker allows it to be installed on every domain you own, it is only necessary if each domain has unique ticker messages. When the ticker message is the same for all domains, only one installation of the Attention Ticker software is required.

Further, some domains may be WordPress domains and others not.

To publish the same ticker message on your other domains, use the copy n' paste ticker div code and copy 'n paste JavaScript from the Attention Ticker control panel. It's the same procedure as described above.

Will Bontrager