Installation

Installation of WP News and Scrolling Widgets Pro requires a few small clicks. To install the plugin, please use the following steps:

  • Buy WP News and Scrolling Widgets Pro and Upload the ‘wp-news-and-widget-pro’ folder to the ‘/wp-content/plugins/’ directory
  • You can also go to Plugins-> Add New -> Upload and uplaod the wp-news-and-widget-pro.zip file.
  • Activate the WP News and Scrolling Widgets Pro plugin through the ‘Plugins’ menu in WordPress.
  • Enter the News Plugin License under News Pro -> News Plugin License.

WP News and Scrolling Widgets Pro should now be installed successfully!

Getting started with WP News and Scrolling Widgets Pro

WP News and Scrolling Widgets Pro adds a Menu tab in WP Admin side with the name “News Pro” where you can add new News post, edit and delete. You can also add categories for News.

news-pro-all

Bellow screen shows how to add a News post. You just click on “Add News” and insert News title and contents as you add for WordPress post.
add-news

How to display and shortcodes

Display a News page is very simple. Just go to Pages-> add New and add page title ie Our News and shortcode [sp_news] OR [sp_news_slider].

Note: Please make sure that Permalink link should not be “/news” Otherwise all your news will go to archive page. You can give it other name like “/ournews, /latestnews etc”

display-news

WP News and Scrolling Widgets Pro contains 2 shortcodes
[sp_news] and [sp_news_slider]

Complete shortcode example:

Shortcode parameters

Following are News Parameters:
[sp_news]

  • Limit: [sp_news limit="10"] (Display latest 10 News post and then pagination).
  • Category: [sp_news category="category_id"] (Display News post categories wise).
  • Grid: [sp_news grid="2"] (Display News in Grid formats).
  • Category Name: [sp_news category_name="Sports"](Display News categories name).
  • Design: [sp_news design="design-16"] (Select the designs for news post.)
  • Pagination: [sp_news pagination="false"] (Show/Hide pagination links. By default value is “false”. Values are “true” and “false”)
  • Show Full Content: [sp_news show_full_content="true"] (Display Full news content on main page if you do not want word limit. By default value is “false”)
  • Show Date: [sp_news show_date="false"] (Display News date OR not. By default value is “True”. Options are “true OR false”)
  • Show Content: [sp_news show_content="true" ] (Display News post Short content OR not. By default value is “true”. Options are “true OR false”).
  • Show Category Name: [sp_news show_category_name="true" ] (Display News post category name OR not. By default value is “true”. Options are “true OR false”).
  • Content Words Limit: [sp_news content_words_limit="30" ] (Control News post short content Words limit. By default limit is 20 words).
  • Show Read More: [sp_news show_read_more="false"](Show/Hide read more links. By default value is “true”. Values are “true” and “false”)
  • Content Tail: [sp_news content_tail="..."] (Display three dots or […] after content.)
  • Order: [sp_news order="DESC"] (Controls News post order. Values are “ASC” OR “DESC”.)
  • Order By: [sp_news orderby="post_date"] (Display News post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”)
  • Link Target: [sp_news link_target="blank"] (Open link in a same window or in a new tab. Values are “self” OR “blank”.)
  • Image Height: [sp_news image_height="500"] (Control News post image height.)
  • Posts: [sp_news posts="1,5,6"] (Display only specific News posts.)
  • Exclude Post: [sp_news exclude_post="1,5,6"] (Exclude some news post which you do not want to display.)
  • Query Offset: [sp_news query_offset="2"] (Exclude some news post. Note: Do not use limit=”-1″ and pagination=”true” with this.)

Following are News Slider Parameters:
[sp_news_slider]

  • Slides Scroll: [sp_news_slider slides_column="3"] (ie Display number of News Post at a time.)
  • Pagination and Arrows: [sp_news_slider dots="false" arrows="false"]
  • Autoplay and Autoplay Interval: [sp_news_slider autoplay="true" autoplay_interval="100"]
  • Slide Speed: [sp_news_slider speed="3000"]
  • Loop: [sp_news_slider loop="true"](values are “true” OR “false”)
  • Limit: [sp_news limit="10"] (Display latest 10 News post in slider).
  • Category: [sp_news category="category_id"] (Display News post categories wise).
  • Category Name: [sp_news category_name="Sports"](Display News categories name).
  • Design: [sp_news design="design-16"] (Select the designs for news post.)
  • Show Date: [sp_news show_date="false"] (Display News date OR not. By default value is “true”. Options are “true OR false”)
  • Show Content: [sp_news show_content="true" ] (Display News post Short content OR not. By default value is “true”. Options are “true OR false”).
  • Show Category Name: [sp_news show_category_name="true" ] (Display News post category name OR not. By default value is “true”. Options are “true OR false”).
  • Content Words Limit: [sp_news content_words_limit="30" ] (Control News post short content Words limit. By default limit is 20 words).
  • Show Read More: [sp_news show_read_more="false"](Show/Hide read more links. By default value is “true”. Values are “true” and “false”)
  • Content Tail: [sp_news_slider content_tail="..."] (Display three dots or […] after content.)
  • Order: [sp_news_slider order="DESC"] (Controls News post order. Values are “ASC” OR “DESC”.)
  • Order By: [sp_news_slider orderby="post_date"] (Display News post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”)
  • Link Target: [sp_news_slider link_target="blank"] (Open link in a same window or in a new tab. Values are “self” OR “blank”.)
  • Image Height: [sp_news_slider image_height="500"] (Control News post image height.)
  • Posts: [sp_news_slider posts="1,5,6"] (Display only specific News posts.)
  • Exclude Post: [sp_news_slider exclude_post="1,5,6"] (Exclude some news post which you do not want to display.)
  • Query Offset: [sp_news_slider query_offset="2"] (Exclude some news post. Note: Do not use limit=”-1″ and pagination=”true” with this.)

News Ticker

Following are News Ticker Parameters:
[wpnw_news_ticker]

  • Limit: [wpnw_news_ticker limit="10"] (Display latest 10 News post in ticker).
  • Category: [wpnw_news_ticker category="category_id"] (Display News post categories wise).
  • Include Cat Child: [wpnw_news_ticker include_cat_child="true"](Display News Child Category).
  • Order: [wpnw_news_ticker order="DESC"] (Controls News post order. Values are “ASC” OR “DESC”.)
  • Order By: [wpnw_news_ticker orderby="date"] (Display News post in your order. Values are “date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”)
  • Link Target: [wpnw_news_ticker link_target="blank"] (Open link in a same window or in a new tab. Values are “self” OR “blank”.)
  • Posts: [wpnw_news_ticker posts="1,5,6"] (Display only specific News posts.)
  • Exclude Post: [wpnw_news_ticker exclude_post="1,5,6"] (Exclude some news post which you do not want to display.)
  • Ticker Title: [wpnw_news_ticker ticker_title="Latest News"] (Set your ticker title.)
  • Theme Color: [wpnw_news_ticker theme_color="#2096cd"] (Set your ticker theme color.)
  • Heading Font Color: [wpnw_news_ticker heading_font_color="#fff"] (Set Heading font color)
  • Font Color: [wpnw_news_ticker font_color="#2096cd"] (Set your ticker font color.)
  • Font Style: [wpnw_news_ticker font_style="normal"] (Set ticker font style.)
  • Ticker Effect: [wpnw_news_ticker ticker_effect="fade"] (Set ticker effect by this parameter.)
  • AutoPlay: [wpnw_news_ticker autoplay="true"]
  • Speed: [wpnw_news_ticker speed="3000"] (Set ticker speed.)
  • Exclude Category: [wpnw_news_ticker exclude_cat="1,5"] (Exclude those post that you don’t want to display.)
  • Query Offset: [wpnw_news_ticker query_offset=""] (Exclude some news post.)

Widgets

Added 7 News widgets

all-news-widget

Bellow screen shows 7 News widget with their settings.

all-news-widget-view

News widget front-end view.

all-news-widget-designs

Frequently Asked Questions

Q: How can I change news post type slug?
A: You need to add below code in your theme’s functions.php file.
Note: After adding below code please update your site permalink structure from admin panel Settings >> Permalinks

News with Custom Order

You can display News in custom order with Drag & Drop interface. Click on ‘Sort News’ link on News listing page, Drag News row and click the ‘Save Sort Order’ button to save.
news-pro

Note: Put orderby='menu_order' order="ASC" parameter in News shortcode for custom ordering.