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 add below shortcode as per your need.

WP News and Scrolling Widgets Pro contains 3 shortcodes
[sp_news] – News Grid
[sp_news_slider] – News Slider
[wpnw_gridbox] – News Grid Box
[wpnw_gridbox_slider] – News Grid Box Slider
[wpnw_news_list] – News List
[wpnw_news_ticker] – News Ticker

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

Complete shortcode example:
News Grid

News Slider

News Grid Box

News Grid Box Slider

News List

News Ticker

News Grid Shortcode Parameters

[sp_news]

  • Limit
    Display number of posts
    [sp_news limit=”10″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [sp_news category=”40″]
  • Include Category child
    Display child category.Values are “true” and “false”.
    [sp_news include_cat_child=”true”]
  • Category Name
    Display News category name.
    [sp_news category_name=”Sports”]
  • Design
    Select design for News. Designs are design-16 to design-50.
    [sp_news design=”design-16″]
  • Number of Column
    Display News in a column/grid on your website. You can display up to four column. Values are 1,2,3 and 4.
    [sp_news grid=”1″]
  • Pagination
    Show/Hide pagination links. By default value is “false”. Values are “true” and “false”
    [sp_news pagination=”false”]
  • Pagination Type
    Pagination type works when pagination set to true.Two types can be used for pagination “Numeric” and “Previous-next”
    [sp_news pagination_type=”numeric”]
  • Show Date
    Display news date OR not. By default value is “True”. Options are “true OR false”
    [sp_news show_date=”true”]
  • Show Category Name
    Display News Post category name OR not. By default value is “true”. Options are “true OR false”
    [sp_news show_category_name=”true”]
  • Show Content
    Display News Post Short content OR not. By default value is “true”. Options are “true OR false”
    [sp_news show_content=”true”]
  • Show Full Content
    Display Full News content on main page if you do not want word limit. By default value is “false” .
    [sp_news show_full_content=”true”]
  • Show Read More
    Show/Hide read more links. By default value is “true”. Values are “true” and “false” .
    [sp_news show_read_more=”true”]
  • Change Read More button Text
    Change ‘Read More’ button text to your desired text.
    [sp_news read_more_text=”View More”]
  • Content Words Limit
    Control News post short content words limit. By default limit is 20 words.
    [sp_news content_words_limit=”20″]
  • For Continue Reading
    Display dots after the news content for continue reading .
    [sp_news content_tail=”…”]
  • Order
    Set News post order. Values are “ASC” OR “DESC”.
    [sp_news order=”DESC”]
  • Orderby
    Set orderby for news. You can set “date” (News Published Date), “Modified” (News updated date), “Title” (News title), “Rand” (Random), “Menu_order” (Sort Order), “ID” (News Post ID).
    [sp_news orderby=”date”]
  • Link Behaviour
    Open link in same window OR in new tab .Values are “self ” OR “Blank” .
    [sp_news link_target=”blank”]
  • Display Posts
    Display specific News Posts.You can pass multiple post ids by comma separated.
    [sp_news posts=”40″]
  • Exclude Post
    Exclude some News post which you do not want to display.)
    [sp_news exclude_post=”40″]
  • Exclude Category
    Don’t show post of only specific category. You can pass multiple category ids by comma separated.
    [sp_news exclude_cat=”25″]
  • Image Height
    You can set news post images height.
    [sp_news image_height=”400″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    [sp_news query_offset=”5″]

    Note: Do not use with pagination and limit parameter.

News Slider Shortcode Parameters

[sp_news_slider]

  • Limit
    Display latest 10 News post and then pagination.
    [sp_news_slider limit=”10″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [sp_news_slider category=”40″]
  • Include Category child
    Display child category.Values are “true” and “false”.
    [sp_news_slider include_cat_child=”40″]
  • Category Name
    Display news category name.
    [sp_news_slider category_name=”Sports”]
  • Design
    Select design for News. Designs are design-16 to design-50.
    [sp_news_slider design=”design-16″]
  • Number of Column
    Display News in a column/grid on your website. You can display up to four column. Values are 1,2,3 and 4.

    [sp_news_slider grid=”1″]
  • Pagination
    Show/Hide pagination links. By default value is “false”. Values are “true” and “false”
    [sp_news_slider pagination=”false”]
  • Pagination Type
    Pagination type works when pagination set to true.Two types can be used for pagination “numeric” and “previous-next”
    [sp_news_slider pagination_type=”numeric”]
  • Show Date
    Display News date OR not. By default value is “True”. Options are “true OR false”
    [sp_news_slider show_date=”true”]
  • Show Category Name
    Display News post category name OR not. By default value is “true”. Options are “true OR false”
    [sp_news_slider show_category_name=”true”]
  • Show Content
    Display News post short content OR not. By default value is “true”. Options are “true OR false”
    [sp_news_slider show_content=”true”]
  • Show Full Content
    Display full News content on main page if you do not want word limit. By default value is “false” .
    [sp_news_slider show_full_content=”true”]
  • Show Read More
    Show/Hide read more links. By default value is “true”. Values are “true” and “false” .
    [sp_news_slider show_read_more=”true”]
  • Change Read More button Text
    Change ‘Read More’ button text to your desired text.
    [sp_news_slider read_more_text=”View More”]
  • Content Words Limit
    Control news post short content Words limit. By default limit is 20 words.
    [sp_news_slider content_words_limit=”20″]
  • For Continue Reading
    Display dots after the news content for continue reading .
    [sp_news_slider content_tail=”…”]
  • Slides Column
    Display number of News post at a time in slider.
    [sp_news_slider slides_column=”3″]
  • Slides Scroll
    Scroll number of news post at a time.
    [sp_news_slider slides_scroll=”1″]
  • Dots
    Display slider navigation dots. Values are “true” and “false” .
    [sp_news_slider dots=”true”]
  • Arrows
    Display slider navigation arrows.Values are “true” and “false” .
    [sp_news_slider arrows=”true”]
  • Autoplay
    Enable slider autoplay. Values are “true” and “false”.
    [sp_news_slider autoplay=”true”]
  • Autoplay Interval
    Set slider slide interval time.
    [sp_news_slider autoplay_interval=”2000″]
  • Speed
    Set slider speed .
    [sp_news_slider speed=”2000″]
  • Loop
    Enable continuous sliding. Values are “true” OR “false”.
    [sp_news_slider loop=”true”]
  • Order
    Set news post order. Values are “ASC” OR “DESC”.
    [sp_news_slider order=”DESC”]
  • Orderby
    Set orderby for news. You can set “date” (News Published Date), “modified” (News Updated Date), “title” (News Title), “rand” (Random), “menu_order” (Sort Order), “ID” (News Post ID).
    [sp_news_slider orderby=”date”]
  • Link Behaviour
    Open link in same window OR in new tab . Values are “self ” OR “Blank” .
    [sp_news_slider link_target=”blank”]
  • Display Posts
    Display specific News posts.You can pass multiple post ids by comma separated.
    [sp_news_slider posts=”40″]
  • Exclude Post
    Exclude some News Post which you do not want to display.
    [sp_news_slider exclude_post=”40″]
  • Exclude Category
    Don’t show post of only specific category. You can pass multiple category ids by comma separated.
    [sp_news_slider exclude_cat=”25″]
  • Image Height
    You can set News post images height.
    [sp_news_slider image_height=”400″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    [sp_news_slider query_offset=”5″]

News Grid Box Shortcode Parameters

[wpnw_gridbox]

  • Limit
    Display number of posts
    [wpnw_gridbox limit=”10″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [wpnw_gridbox category=”40″]
  • Include Category child
    Display child category.Values are “true” and “false”.
    [wpnw_gridbox include_cat_child=”true”]
  • Category Name
    Display News category name.
    [wpnw_gridbox category_name=”Sports”]
  • Design
    Select design for News. Designs are design-1 to design-13.
    [wpnw_gridbox design=”design-1″]
  • Image fit
    Show image in box size. Values are “true” and “false”
    [wpnw_gridbox image_fit=”false”]
  • Pagination
    Show/Hide pagination links. By default value is “false”. Values are “true” and “false”
    [wpnw_gridbox pagination=”false”]
  • Pagination Type
    Pagination type works when pagination set to true.Two types can be used for pagination “Numeric” and “Previous-next”
    [wpnw_gridbox pagination_type=”numeric”]
  • Show Date
    Display news date OR not. By default value is “True”. Options are “true OR false”
    [wpnw_gridbox show_date=”true”]
  • Show Category Name
    Display News Post category name OR not. By default value is “true”. Options are “true OR false”
    [wpnw_gridbox show_category_name=”true”]
  • Show Content
    Display News Post Short content OR not. By default value is “true”. Options are “true OR false”
    [wpnw_gridbox show_content=”true”]
  • Show Read More
    Show/Hide read more links. By default value is “true”. Values are “true” and “false” .
    [wpnw_gridbox show_read_more=”true”]
  • Change Read More button Text
    Change ‘Read More’ button text to your desired text.
    [wpnw_gridbox read_more_text=”View More”]
  • Content Words Limit
    Control News post short content words limit. By default limit is 20 words.
    [wpnw_gridbox content_words_limit=”20″]
  • For Continue Reading
    Display dots after the news content for continue reading .
    [wpnw_gridbox content_tail=”…”]
  • Order
    Set News post order. Values are “ASC” OR “DESC”.
    [wpnw_gridbox order=”DESC”]
  • Orderby
    Set orderby for news. You can set “date” (News Published Date), “Modified” (News updated date), “Title” (News title), “Rand” (Random), “Menu_order” (Sort Order), “ID” (News Post ID).
    [wpnw_gridbox orderby=”date”]
  • Link Behaviour
    Open link in same window OR in new tab .Values are “self ” OR “Blank” .
    [wpnw_gridbox link_target=”blank”]
  • Display Posts
    Display specific News Posts.You can pass multiple post ids by comma separated.
    [wpnw_gridbox posts=”40″]
  • Exclude Post
    Exclude some News post which you do not want to display.)
    [wpnw_gridbox exclude_post=”40″]
  • Exclude Category
    Don’t show post of only specific category. You can pass multiple category ids by comma separated.
    [wpnw_gridbox exclude_cat=”25″]
  • Image Height
    You can set news post images height.
    [wpnw_gridbox image_height=”400″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    [wpnw_gridbox query_offset=”5″]

    Note: Do not use with pagination and limit parameter.

News Grid Box Slider Shortcode Parameters

[wpnw_gridbox_slider]

  • Limit
    Display latest 10 News post and then pagination.
    [wpnw_gridbox_slider limit=”10″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [wpnw_gridbox_slider category=”40″]
  • Include Category child
    Display child category.Values are “true” and “false”.
    [wpnw_gridbox_slider include_cat_child=”true”]
  • Category Name
    Display news category name.
    [wpnw_gridbox_slider category_name=”Sports”]
  • Design
    Select design for News. Designs are design-1 to design-8.
    [wpnw_gridbox_slider design=”design-1″]
  • Image fit
    Show image in box size. Values are “true” and “false”
    [wpnw_gridbox_slider image_fit=”true”]
  • Show Date
    Display News date OR not. By default value is “True”. Options are “true OR false”
    [wpnw_gridbox_slider show_date=”true”]
  • Show Category Name
    Display News post category name OR not. By default value is “true”. Options are “true OR false”
    [wpnw_gridbox_slider show_category_name=”true”]
  • Show Content
    Display News post short content OR not. By default value is “true”. Options are “true OR false”
    [wpnw_gridbox_slider show_content=”true”]
  • Show Read More
    Show/Hide read more links. By default value is “true”. Values are “true” and “false” .
    [wpnw_gridbox_slider show_read_more=”true”]
  • Change Read More button Text
    Change ‘Read More’ button text to your desired text.
    [wpnw_gridbox_slider read_more_text=”View More”]
  • Content Words Limit
    Control news post short content Words limit. By default limit is 20 words.
    [wpnw_gridbox_slider content_words_limit=”20″]
  • For Continue Reading
    Display dots after the news content for continue reading .
    [wpnw_gridbox_slider content_tail=”…”]
  • Dots
    Display slider navigation dots. Values are “true” and “false” .
    [wpnw_gridbox_slider dots=”true”]
  • Arrows
    Display slider navigation arrows.Values are “true” and “false” .
    [wpnw_gridbox_slider arrows=”true”]
  • Autoplay
    Enable slider autoplay. Values are “true” and “false”.
    [wpnw_gridbox_slider autoplay=”true”]
  • Autoplay Interval
    Set slider slide interval time.
    [wpnw_gridbox_slider autoplay_interval=”2000″]
  • Speed
    Set slider speed .
    [wpnw_gridbox_slider speed=”2000″]
  • Loop
    Enable continuous sliding. Values are “true” OR “false”.
    [wpnw_gridbox_slider loop=”true”]
  • Order
    Set news post order. Values are “ASC” OR “DESC”.
    [wpnw_gridbox_slider order=”DESC”]
  • Orderby
    Set orderby for news. You can set “date” (News Published Date), “modified” (News Updated Date), “title” (News Title), “rand” (Random), “menu_order” (Sort Order), “ID” (News Post ID).
    [wpnw_gridbox_slider orderby=”date”]
  • Link Behaviour
    Open link in same window OR in new tab . Values are “self ” OR “Blank” .
    [wpnw_gridbox_slider link_target=”blank”]
  • Display Posts
    Display specific News posts.You can pass multiple post ids by comma separated.
    [wpnw_gridbox_slider posts=”40″]
  • Exclude Post
    Exclude some News Post which you do not want to display.
    [wpnw_gridbox_slider exclude_post=”40″]
  • Exclude Category
    Don’t show post of only specific category. You can pass multiple category ids by comma separated.
    [wpnw_gridbox_slider exclude_cat=”25″]
  • Image Height
    You can set News post images height.
    [wpnw_gridbox_slider image_height=”400″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    [wpnw_gridbox_slider query_offset=”5″]

News List Shortcode Parameters

[wpnw_news_list]

  • Limit
    Display number of posts
    [wpnw_news_list limit=”10″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [wpnw_news_list category=”40″]
  • Include Category child
    Display child category.Values are “true” and “false”.
    [wpnw_news_list include_cat_child=”true”]
  • Category Name
    Display News category name.
    [wpnw_news_list category_name=”Sports”]
  • Design
    Select design for News. Designs are design-1 to design-13.
    [wpnw_news_list design=”design-1″]
  • Media Size
    Select image size for display. Size are “full”, “medium”, “large” or “thumbnail”.
    [wpnw_news_list media_size=”large”]
  • Image fit
    Show image in box size. Values are “true” and “false”
    [wpnw_news_list image_fit=”true”]
  • Pagination
    Show/Hide pagination links. By default value is “false”. Values are “true” and “false”
    [wpnw_news_list pagination=”false”]
  • Pagination Type
    Pagination type works when pagination set to true.Two types can be used for pagination “Numeric” and “Previous-next”
    [wpnw_news_list pagination_type=”numeric”]
  • Show Date
    Display news date OR not. By default value is “True”. Options are “true OR false”
    [wpnw_news_list show_date=”true”]
  • Show Category Name
    Display News Post category name OR not. By default value is “true”. Options are “true OR false”
    [wpnw_news_list show_category_name=”true”]
  • Show Content
    Display News Post Short content OR not. By default value is “true”. Options are “true OR false”
    [wpnw_news_list show_content=”true”]
  • Show Read More
    Show/Hide read more links. By default value is “true”. Values are “true” and “false” .
    [wpnw_news_list show_read_more=”true”]
  • Change Read More button Text
    Change ‘Read More’ button text to your desired text.
    [wpnw_news_list read_more_text=”View More”]
  • Content Words Limit
    Control News post short content words limit. By default limit is 20 words.
    [wpnw_news_list content_words_limit=”20″]
  • For Continue Reading
    Display dots after the news content for continue reading .
    [wpnw_news_list content_tail=”…”]
  • Order
    Set News post order. Values are “ASC” OR “DESC”.
    [wpnw_news_list order=”DESC”]
  • Orderby
    Set orderby for news. You can set “date” (News Published Date), “Modified” (News updated date), “Title” (News title), “Rand” (Random), “Menu_order” (Sort Order), “ID” (News Post ID).
    [wpnw_news_list orderby=”date”]
  • Link Behaviour
    Open link in same window OR in new tab .Values are “self ” OR “Blank” .
    [wpnw_news_list link_target=”blank”]
  • Display Posts
    Display specific News Posts.You can pass multiple post ids by comma separated.
    [wpnw_news_list posts=”40″]
  • Exclude Post
    Exclude some News post which you do not want to display.)
    [wpnw_news_list exclude_post=”40″]
  • Exclude Category
    Don’t show post of only specific category. You can pass multiple category ids by comma separated.
    [wpnw_news_list exclude_cat=”25″]
  • Image Height
    You can set news post images height.
    [wpnw_news_list image_height=”400″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    [wpnw_news_list query_offset=”5″]

    Note: Do not use with pagination and limit parameter.

News Ticker Shortcode parameters

[wpnw_news_ticker]

  • Limit
    Display latest 10 News post in ticker.
    [wpnw_news_ticker limit=”10″]
  • Ticker Title
    Set your desire ticker title.
    [wpnw_news_ticker ticker_title=”Latest News”]
  • Theme Color
    Set your desire theme color.
    [wpnw_news_ticker theme_color=”#2096cd”]
  • Heading Font Color
    Set Heading font color.
    [wpnw_news_ticker heading_font_color=”#fff”]
  • Font Color
    Set ticker font color.
    [wpnw_news_ticker font_color=”#2096cd”]
  • Font Style
    Set ticker font style.
    [wpnw_news_ticker font_style=”normal”]
  • Ticker Effect
    Set ticker effect by this parameter.
    [wpnw_news_ticker ticker_effect=”fade”]
  • Autoplay
    Enable slider autoplay. Values are “true” and “false”.
    [wpnw_news_ticker autoplay=”true”]
  • Speed
    Set slider Speed .
    [wpnw_news_ticker speed=”2000″]
  • Category
    Display News post categories wise.You can enter multiple category id with comma separated.
    [wpnw_news_ticker category=”40″]
  • Include Category child
    Display Child category.Values are “true” and “false”.
    [wpnw_news_ticker include_cat_child=”40″]
  • Order
    Set News Post Order. Values are “ASC” OR “DESC”.
    [wpnw_news_ticker order=”DESC”]
  • Orderby
    Set orderby for news tickers. You can set “date” (News Published Date), “modified” (News updated date), “title” (News Title), “rand” (Random), “menu_order” (Sort Order), “ID” (News Post ID).
    [wpnw_news_ticker orderby=”date”]
  • Link Behaviour
    Open Link in same window OR in New tab . Values are “self ” OR “Blank”.
    [wpnw_news_ticker link_target=”blank”]
  • Display Posts
    Display specific News posts.You can pass multiple post ids by comma separated.
    [wpnw_news_ticker posts=”40″]
  • Exclude Post
    Exclude some news ticker which you do not want to display.)
    [wpnw_news_ticker exclude_post=”40″]
  • Exclude Category
    Don’t show News ticker of only specific category. You can pass multiple category ids by comma separated.
    [wpnw_news_ticker exclude_cat=”25″]
  • Query Offset
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    Note: Do not use with pagination and limit parameter.
    [wpnw_news_ticker query_offset=”5″]

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

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.

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
Q: How can I change news post type category 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