Newsvine Headlines — Wordpress Plugin Goodness

Installation Instructions

Download Newsvine Headlines

Extract the contents of the zip archive. FTP the resulting folder into the plugins folder of your wordpress installation. Navigate you your wordpress administration panel and activate the plugin. Then navigate to the Options panel, and Newsvine Headlines sub-panel.

The default settings will display a feed to my column, feel free to keep these settings and display my content proudly on your blog. However, if you want to publish headlines a bit more pertinent to your interests then you might want to customize these settings.

First, type in the headline for the headlines you would like to display. Second, select whether you would like to display the feed from a column or a tag through the use of the radio buttons next to the text fields of each.

If you would like to display a feed of more than one tag, link them with + signs. To display the feed of one tag that is multiple words, link it with the - sign. You can include a feed from the wire, the vine or both.

If you would like to display the feed for a column, then enter in the subdomain only. Not the full url. Choose whether you would like to publish just articles, just seeds or both.

You can set the dimensions of the plugin next. Feel free to use any standard CSS units of measurements, pixels, percentage, whatever. The height property is for the text field only. The rest of the plugin will add around 70 pixels to the total height depending on your font face and size.

You can also customize how many seeds you would like to display. Newsvine feeds only contain 25 items at most, so it will be useless to ask for 75 items to display.

Lastly you can use my default style, or turn off that style sheet in order to customize your own. The basic structure is listed below to help in your customization.

<div id="nvh">
    <h2>The Title<small>-The Date-</small></h2>
    <ul id="ticker">
        <li>

            <h3><a href="" rel="bookmark">A Headline</a></h3>
            <p>Some Text</p>
        </li>
    </ul>

    <div>
        <div>
            <span id="controls">
                <a href="" id="last"><img src="" alt="last" /></a>
                <a href="" id="toggle"><img src="" alt="pause" /></a>
                <a href="" id="next"><img src="" alt="next" /></a>

            </span>
            <a href="http://www.newsvine.com" id="newsvine"><img src="" alt="newsvine" /></a>
        </div>
    </div>
</div>

Well there you are. Have fun with it.

Credits

The “ticker” functionality is based off of Bartelme Design’s Accessibel Javascript Newsticker. The plugin makes use of both the Prototype Javascript Framework as well as Scriptaculus. No worries, both are already included, so no need to install them yourself.