• a must have for any SEO aware webmaster
  • uses industry-standard validator from W3C
  • validate any post, page, category or custom page
  • detailed error and warnings reports

5sec Content Scroller Widget is configured and used as any other widget. Drag it to a desired sidebar, configure options and click “Save”.

Options

  • Title – widget title
  • Height – height of the widget in pixels
  • Background color – pick the color you want or click “default theme color” to use the default color
  • Font – choose one of 18 Google Fonts or the default theme font
  • Pause on hover – if checked scrolling will be paused when mouse hovers over the widget
  • Continuous scrolling – if checked the content will be scrolled continuously, without whitespace behind the last item
  • Scroll speed – choose one of predefined scrolling speeds
  • Number of items – number of items to show, available for site content and RSS feeds only
  • Content source – site content, RSS feed or custom text; details for each source are explained below

Using site content as content source

Using the “Get content from” option set from which content type or taxonomy you want to pull the content from. “Layout template” options allows you to define the look of each post (scroller item to be more precise) by using the following variables:

  • {title} – posts title
  • {excerpt} – post excerpt
  • {content} – full post content
  • {link} – post permalink (just the full URL, not an A tag)
  • {date} – post publish date (formatted as set in Options – General)
  • {time} – post publish time (formatted as set in Options – General)
  • {thumbnail} – post’s featured image, complete <img> tag

Using RSS feed(s) as content source

Using the “RSS URLs” option define the RSS feeds you want to pull content from. Put each feed URL in its own line. Don’t forget the “http://” prefix. Feed items will be ordered by date, descending, only if all feeds have proper dates set. “Layout template” options allows you to define the look of each RSS item (scroller item to be more precise) by using the following variables:

  • {title} – RSS item title
  • {content} – full RSS item content
  • {link} – RSS item link (just the full URL, not an A tag)
  • {date} – RSS item publish date (formatted as set in Options – General)
  • {time} – RSS item publish time (formatted as set in Options – General)
  • {feed_name} – name (title) of the whole RSS feed

Using custom text as content source

Any text entered in the “Custom text” field will be scrolled in the widget. Shortcodes and HTML are fully supported. If you want to separate text into multiple scroller items use the {separator} tag.

Custom widget styling

5sec Content Scroller Widget has almost no styling of its own. Its CSS only defines the layout while the style is inherited from the theme. If you need to write custom CSS here are a few CSS class names that can help. Whole widget has a class of “wf_scroller”. Each item is in a LI element and the parent UL has a class of “wf-scroller-list” while it’s DIV parent has a class of “wf-scroller-container”.