Horje
Display a rotating list of latest post in a particular category using shortcode. Wordpress Tutorial

Noted That:

  • To install correctly this wp-feedticker.zip .
  • Fisrt Download the wp-feedticker.zip to your computer
  • Extract/Open wp-feedticker.zip to Your Computer.
  • Then, Find readme.txt file inside wp-feedticker.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " wp-feedticker.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " wp-feedticker.zip "  Downloaded plugin from your computer, Where you downloaded wp-feedticker.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " WP-feedTicker " folder is added on left sidemenu. Now, Click on " WP-feedTicker " folder.

   Noted that: If you do not see " WP-feedTicker " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  WP-feedTicker Configurtions and Settings or How to work " WP-feedTicker " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WP-feedTicker " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WP-feedTicker
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

This section describes how to install the plugin and get it working.

e.g.

  1. Upload wp-feedticker to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add ticker styling in your CSS
  4. Place in your templates or [feedticker] in your posts/pages

CSS Styling

  • you need to style your wp-feedticker plugin in your style.css example

.tickeroverlay-left{
background-image:url(‘left.png’);
display:block;
pointer-events:none;
position:absolute;
z-index:30;
height:12px;
width:150px;
top:0;
left:-2px;
}

.tickeroverlay-right{
background-image:url(‘right.png’);
display:block;
pointer-events:none;
position:absolute;
z-index:30;
height:12px;
width:150px;
top:0;
right:-2px;
}

.tickercontainer { // the outer div
background: #7a7a7a;
width: 738px;
height: 27px;
margin: 0;
padding: 0;
overflow: hidden;
}

.tickercontainer .mask { // that serves as a mask. so you get a sort of padding both left and right
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 18px;
overflow: hidden;
}

ul.newsticker {
position: relative;
margin-left: 20px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; // important so they rotate properly
margin: 0;
padding-right: 15px;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}

ul.newsticker span {
margin: 0 10px 0 0;
}

How to use

Add the following shortcode in your post/page)

[feedticker num=”3? rss=”http://yourwebsite.com/rss/” id=”webticker”, direction=”1?, speed=”0.05? ]

If used in a template please include the shortcode function

do_shortcode(‘[feedticker num=”3? category=”http://yourwebsite.com/rss/” id=”webticker”, direction=”1?, speed=”0.05?, link=”yes” ]’);

  • num – your total number of post to display. default is 10
  • category – category id. use comma , for multiple id
  • orderby – your post will order by . default post_date . check https://codex.wordpress.org/Template_Tags/get_posts for detail
  • id – the id that you would like to give to the feedticker list (has to be used when running multiple tickers on same page)
  • speed – the speed should be in the domain of 0 – 1
  • direction – 1 = left to right; and -1 = right to left.
  • link – yes = link back to author site; hide = hide link; no = remove link completely.

    If you remove the link it would be appriciated if you write something about this plugin.


display , rotating , list , latest , post , particular , category , using , shortcode , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference