WP Featured News Plugin - Documentation

1.Introduction #

WP Featured News is a post listing plugin which shows the posts with different styles. It has 30+ WPBakery Page builder addons or shortcodes those user can insert easily. No coding knowledge is required. Also It has ajax functionality and widgets those make the website more attractive.


2.Features#

  • Change/Choose Heading and Heading styles
  • Change/Choose Title Tags (H1-H6)
  • Change/Choose Category from dropdown
  • Select image animation switch
  • Select border switch
  • Select Next - Prev button switch
  • Select Tab options switch
  • Choose specific Large post by post id
  • Large post category meta switch
  • Large post author, date, comment meta switch
  • Large Post Title Limit In Character field
  • Large Post Title Limit set
  • Large Post Excerpt Limit set
  • Choose Large Post Title Color
  • Choose Large Post Meta Color
  • Choose Small Post Title Color
  • Choose Small Post Meta Color
  • Choose Small post date meta Color
  • Choose Post Item number option
  • Small Posts Title Limit Set
  • Small Posts Excerpt Limit Set
  • Choose Block Meta anchor color
  • Choose Block Active Tab color
  • Choose Block Heading color
  • Choose Block Heading Background Color
  • Choose Block Block Text color
  • Choose Block Link Hover color
  • Choose Block Category Background color
  • Set Block Padding
  • Set Block Margin
  • Choose post Order By
  • Choose post Order
  • Choose Heading Border Color
  • Change/Choose Font Family, Font Size, Font Weight and Line Height for Title
  • Change/Choose Font Family, Font Size, Font Weight and Line Height for Headline
  • Change/Choose Font Family, Font Size, Font Weight and Line Height for Meta
  • Change/Choose Font Family, Font Size, Font Weight and Line Height for Excerpt
  • Change/Choose Font Family, Font Size, Font Weight and Line Height for Button

3.Installation & Updating #

Installation

The installation process of WP Featured News Plugin is quite simple and straightforward, and shouldn't cause you any troubles at all. Independent of you previous experience with WordPress plugins, you aren't likely to have any problems, just follow these simple steps:

  1. Download the file from CodeCanyon and unzip it
  2. Once you purchase WP Featured News, you will be able to download the ZIP file from CodeCanyon, containing the current version. Download it to your computer and unzip it. You will get a folder with the plugin name – 'the_wfnews'.
  3. Upload the plugin to your WordPress
  4. There are 2 ways to do this::

    • Option 1 open your WordPress admin panel, go to Plugins -> Add new -> Upload and choose the the_wfnews.zip file that you downloaded from CodeCanyon.
    • Option 2 open your WordPress installation folder in some FTP manager (CyberDuck, FileZilla, Total Commander, or any other), go to wp-content/plugins/ and upload the folder that you unzipped in previous step.
  5. Activate the plugin
    In your WordPress admin panel go to Plugins, find WP Featured News | Ultimate Posts Listing Plugin and click "Activate". Congrats, plugin installed!

Automatic Updating

Download & install Envato Market plugin
This plugin can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.

Manual Updating

If you download new plugin version from CodeCanyon please follow these steps to upgrade from the existing version:

1. Go to your FTP and open WordPress plugins folder
2. Delete the old WP Featured News | Ultimate Posts Listing Plugin version folder
3. Upload the new version of WP Featured News | Ultimate Posts Listing Plugin
4. Go to WP-admin panel, open Plugins section.
5. Deactivate WP Featured News | Ultimate Posts Listing Plugin, and then activate it again.

4.Use a Post-Block with WPBakery #

STEP 1: At the beginning, You must have installed WP Featured Post plugin and WPBakery Page Builder plugin in your wordpress site.

STEP 2: Then We will create a new page and choose the backend editor as a editor.

STEP 3: As we got a blank page, so we need to add now Post Block element in this area. So click on the Add Element button. You will see a Elements charts. From there click on tab “by Fluent-Themes Shortcode”. There is showing all Post Blocks. Now We will choose Post Block-1 for post block with tab.

STEP 4: We got a popup chart of Post Block fields. Now We have to fill up the fields. In the General Tab We found general fields Such as Heading, Category Selection, Title Tag selection, Image Animation, Load more button functionality, color etc.


GENERAL TAB:


Heading:

This field contains the headline of post block


Heading Style:

This dropdown contains 1 to 13 different headline styles.


Choose Title Tag:

This dropdown is for which heading tag (H1 – H6) you want to use for title.


Select Category:

This is for choose the post category.


Do you want Image Animate?

If you want to add post featured image hover animation effect then check it.


Do you want Border?

If you want to add border outside the post block then check it.


Do you want Next – Prev button?

If you want to add ajax Next Prev button for post, just check it.


Do you want Tab options?

If you want to add category wise post view with tab, just check it.


Choose Category For Top Tab:

When we checked on Tab options, we got choose category option for top tab. We need to check on the categories those we want to show on top tabs.


Choose Category For Tab Dropdown:

When we checked on Tab options, we got choose category option for dropdown tab. We need to check on the categories those we want to show on dropdown tabs.


Large Post ID (Optional):

If you want to set a specific post as large post then put the post id here. The quickest and easiest way to find a post ID is done from the All Posts screen — found by logging into the WordPress dashboard and clicking Posts > All Posts. From here, simply hover your mouse over the post you want to find the ID for. Now, take a look in the bottom left-hand corner of the screen. More specifically, the post ID is the number that comes after the “post=” and before the “&“.


Large Post Title Limit In Character (Optional):

It contains how many words want to show for large post title. Enter here numeric value only.


Large Post Excerpt Limit In Word (Optional):

It contains how many words want to show for large post excerpt. Enter here numeric value only.


Post Item:

Enter here a numeric value of how many post want to show.


Another Posts Title Limit In Character (Optional):

Enter here numeric value of how many words want to show for posts except large post.


Another Posts Excerpt Limit In Word:

It contains how many words want to show for post excerpt except large post. Enter here numeric value only.


Block Padding:

Enter here post block wrapper padding.


Block Margin:

Enter here post block wrapper margin.


TITLE SETTINGS TAB / HEADLINE SETTINGS TAB / EXCERPT-SETTINGS TAB / META-SETTINGS TAB / BUTTON-SETTINGS TAB :


Font Family:

We can choose google fonts from the dropdown.


Font Style:

We can set the font weight from the dropdown.


Font Size:

We can set the text font size from here.


Line Height:

We can set the text line height from here.


STEP 5: So we filled up the fields. Then save changes and publish or update the page. Thats’ all.

5.Use a Post-Block without WPBakery #

You can easily use shortcode [wfnews_post_block_1_post category="91"] to show post block in your page or post.

Parameter Example
category [wfnews_post_block_1_post category="91"]
heading [wfnews_post_block_1_post category="91" heading="Headline" ]
heading_style [wfnews_post_block_1_post category="91" heading="Headline" heading_style="style5" ]
title_tag [wfnews_post_block_1_post category="91" heading="Headline" title_tag="h1" ]
imageanimate [wfnews_post_block_1_post category="91" imageanimate="yes" ]
blockborder [wfnews_post_block_1_post category="91" imageanimate="yes" blockborder="yes" ]
nextprevbtn [wfnews_post_block_1_post category="91" imageanimate="yes" blockborder="yes" nextprevbtn="yes" ]
taboption="yes" [wfnews_post_block_1_post category="91" imageanimate="yes" blockborder="yes" nextprevbtn="yes" taboption="yes" ]
toptabcategory [wfnews_post_block_1_post category="91" imageanimate="yes" blockborder="yes" nextprevbtn="yes" taboption="yes" toptabcategory="91,92" ]
dropdowntabcategory [wfnews_post_block_1_post category="91" imageanimate="yes" blockborder="yes" nextprevbtn="yes" taboption="yes" toptabcategory="91,92" dropdowntabcategory="93,94" ]
blocksubtabbackground [wfnews_post_block_1_post category="91" blocksubtabbackground="#1e73be" ]
large_post_id [wfnews_post_block_1_post category="91" large_post_id="583" ]
large_post_title_limit [wfnews_post_block_1_post category="91" large_post_title_limit="100" ]
large_post_excerpt_limit [wfnews_post_block_1_post category="91" large_post_title_limit="100" large_post_excerpt_limit="15" ]
itemcount [wfnews_post_block_1_post category="91" itemcount="5" ]
title_character_limit [wfnews_post_block_1_post category="91" title_character_limit="100" ]
wordlimit [wfnews_post_block_1_post category="91" title_character_limit="100" wordlimit="15" ]
blockcolor [wfnews_post_block_1_post category="91" title_character_limit="100" wordlimit="15" blockcolor="#1e73be" ]
blockheadingcolor [wfnews_post_block_1_post category="91" heading="Headline" blockheadingcolor="#1e73be" ]
blockheadingbackgroundcolor [wfnews_post_block_1_post category="91" heading="Headline" blockheadingbackgroundcolor="#1e73be" ]
blockposttitlecolor [wfnews_post_block_1_post category="91" blockposttitlecolor="#1e73be" ]
blocktextcolor [wfnews_post_block_1_post category="91" blocktextcolor="#1e73be" ]
blockhovercolor [wfnews_post_block_1_post category="91" blockhovercolor="#1e73be" ]
blockdatecolor [wfnews_post_block_1_post category="91" blockdatecolor="#1e73be" ]
blockcategorybackground [wfnews_post_block_1_post category="91" blockcategorybackground="#1e73be" ]
block_padding [wfnews_post_block_1_post category="91" block_padding="10px 5px 0px 10px" ]
block_margin [wfnews_post_block_1_post category="91" block_margin="10px 5px 0px 10px" ]
current_time [wfnews_post_block_1_post category="91" current_time="1564467103" ]
title_font_size [wfnews_post_block_1_post category="91" title_font_size="22px" ]
title_line_height [wfnews_post_block_1_post category="91" title_font_size="22px" title_line_height="22px" ]
title_padding_bottom [wfnews_post_block_1_post category="91" title_font_size="22px" title_line_height="22px" title_padding_bottom=" 10px" ]
headline_font_size [wfnews_post_block_1_post category="91" headline_font_size="22px" ]
headline_line_height [wfnews_post_block_1_post category="91" headline_line_height="22px" ]
excerpt_font_size [wfnews_post_block_1_post category="91" excerpt_font_size="22px" ]
excerpt_line_height [wfnews_post_block_1_post category="91" excerpt_line_height="22px" ]
meta_font_size [wfnews_post_block_1_post category="91" meta_font_size="22px" ]
meta_line_height [wfnews_post_block_1_post category="91" meta_line_height="22px" ]
next_button_font_size [wfnews_post_block_1_post category="91" next_button_font_size="22px" ]
button_font_size [wfnews_post_block_ 2 _post category="91" button_font_size="22px" ]
button_width [wfnews_post_block_ 2 _post category="91" button_width="220px" ]
orderby [wfnews_post_block_ 2 _post category="91" orderby="ID" ]
order [wfnews_post_block_ 2 _post category="91" order="ASC"]
lg_post_meta_color [wfnews_post_block_ 2 _post category="91" lg_post_title_color ="#d3d3d3"]
lg_post_title_color [wfnews_post_block_ 2 _post category="91" lg_post_title_color ="#d3d3d3"]
sm_post_title_color [wfnews_post_block_ 2 _post category="91" sm_post_title_color ="#d3d3d3"]
sm_post_meta_color [wfnews_post_block_ 2 _post category="91" sm_post_meta_color="#d3d3d3"]
lg_post_cat_meta [wfnews_post_block_ 2 _post lg_post_cat_meta="yes" ]
lg_post_date_meta [wfnews_post_block_ 2 _post lg_post_date_meta="yes" ]
sm_post_cat_meta [wfnews_post_block_ 2 _post sm_post_cat_meta="yes" ]
sm_post_date_meta [wfnews_post_block_ 2 _post sm_post_date_meta="yes" ]
heading_border_color [wfnews_post_block_ 2 _post heading_border_color="#d3d3d3" ]
lg_title_font_size [wfnews_post_block_ 2 _post lg_title_font_size="35px" ]
sm_title_font_size [wfnews_post_block_ 2 _post sm_title_font_size="20px" ]
lg_title_line_height [wfnews_post_block_ 2 _post lg_title_line_height="35px" ]
sm_title_line_height [wfnews_post_block_ 2 _post sm_title_line_height="20px" ]
load_more_btn_bg [wfnews_post_block_ 2 _post load_more_btn_bg="#d3d3d3" ]

Parameter Type Default Description
heading_style string Accepts: style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8 | style9 | style10 | style11 | style12 | style13
title_tag string h4 Accepts: h1 | h2 | h3 | h4 | h5 | h6
orderby string title Accepts: title | ID | name | date | comment_count
order string DESC Accepts: ASC | DESC
lg_post_cat_meta string yes Accepts: yes | no
lg_post_date_meta string yes Accepts: yes | no
sm_post_cat_meta string yes Accepts: yes | no
sm_post_date_meta string yes Accepts: yes | no

For Example:

6.How to use Popular Posts widget in a Page #

At first, You have to insert the WFNews Popular Posts widget into sidebar or any other widget area. See the example in the screenshot-


Then insert WPbakery Widgetised Sidebar Addon/element into the page where you want to display the widget.

Now you have to edit the Widgetised Sidebar Element. And choose sidebar from dropdown. Then click save changes and update. That's all.

7.How to change Font-Family and Sizes of a Post Block #

All post block have their own font settings separately. Have Title Settings, Headline Settings, Excerpt Settings, Meta Settings, Button Settings. For Example, We choose Title settings tab. See the screenshots.

Font-Family

Using Font Family Dropdown, We can choose any google font.


Font Style

Using Font Style Dropdown, We can choose the font weight.


Large Title Font Size

Using Large Title Font Size input field, We can set font size for large post of post block.


Small Title Font Size

Using Small Title Font Size input field, We can set font size for small post of post block.

8.How to Change Post Categories of a Post Block #

At first, Edit post block and go post block General Tab. And choose category from Select Category Dropdown. Then Save Changes and update the page.

9.How to Change Text Colors of a Post Block#

At first, Edit post block and go post block General Tab. And choose the color from Block Text color. Then Save Changes and update the page.

10.How to Change Button Colors of a Post Block#

At first, Edit post block and go post block General Tab. And choose the color from Load More Button Background Color. Then Save Changes and update the page.

11.How to Change Background Color of a Post Block#

At first, Edit post block and go post block General Tab. And choose the color from Block Background color. This feature is only available for post block 27. To change the background for others, you have to use WPBakery Row Design option. Then Save Changes and update the page.

12.How to Use Border on a Post Block#

At first, Edit post block and go post block General Tab. And check on the (Do you want Border?) Option. Then Choose Border Color.

Back To Top