Documentation

WP Featured Content and Slider Pro

Getting started with WP Featured Content and Slider Pro

WP Featured Content and Slider adds a Menu tab in WP Admin side with the name “Featured Content PRO” where you can add Title, Content, Link, Image as a featured image and Font Awesome icon.

Screen shows “Featured Content Pro” tab in the left side and all featured content added
featured-content-listing

Add Featured Content
  • Go to Featured Content Pro and click on Add Featured Content.
  • Add Title, Content, Link For Read More, Icon and Featured image and update.
  • You can select the category for featured content from the ‘Category’ box at right side.
  • You can add category for Featured Content from the Featured Content Pro > Category menu.

Below screen shows how to add a featured content post
featured-content-add-edit-page

Add Featured Content Category

If you want to display featured content category wise then go to Featured Content > Category and select the respective category shortcode.

Below screen show category shortcode
featured-content-category-page

How to display and shortcode

To display a Featured Content is very simple. Just add the following shortcodes on any page or post:
[featured-cnt-icon] – Display featured content with icon design
[featured-cnt-img] – Display featured content with image design
[featured-cnt-icon-img] – Display featured content with icon and image design

Template Code – If you want to display featured content within your theme template.
<?php echo do_shortcode('[featured-cnt-icon]'); ?>
<?php echo do_shortcode('[featured-cnt-img]'); ?>
<?php echo do_shortcode('[featured-cnt-icon-img]'); ?>

Complete Shortcode parameters

Shortcode : [featured-cnt-icon]

  • Type
    [featured-cnt-icon type="grid"]
    Display Featured Content in a grid view or in a slider view. Values are ‘grid’ or ‘slider’.

  • Number of Featured Content Limit
    [featured-cnt-icon limit="5"]
    Display latest number of featured content on your website. To display all Featured Content you can pass limit to -1.

  • Number of Columns Grid
    [featured-cnt-icon grid="2"]
    Display featured content in a column / grid on your website. You can display up to four column. Values are 1,2,3 and 4.

  • Design
    [featured-cnt-icon design="design-1"]
    Design for featured content. Designs values are design-1 to design-7, design-22, design-23, design-26 to design-30, design-32, design-33, design-35.

  • Display Category wise
    [featured-cnt-icon cat_id="category_id"]
    Display featured content category wise. You can pass multiple category id with comma separated.

  • Font Awesome Icon Color
    [featured-cnt-icon fa_icon_color="#000000"]
    Change the color of Font Awesome Icon.

  • Image Style
    [featured-cnt-icon image_style="square"]
    Switch image style “square” OR “circle” as per your theme layout.

  • Note:
    Parameter only works with design-1, desgn-2, design-3, design-8, design-9 and design-20, design-21, design-22, design-24, design-25, design-28, design-30, design-31, design-33, design-34.

  • Display Read More Button
    [featured-cnt-icon display_read_more="true"]
    you enter custom link to featured content post then ‘Read More’ button will be displayed with link. The link will come on Featured content title also so you can choose whether to display read more button or not.

  • Read More Button Text
    [featured-cnt-icon read_more_text="More"]
    Change ‘Read More’ button text to your desired text.

  • Display Content
    [featured-cnt-icon show_content="true"]
    Display post content or not. By default value is “true”. Values are “true” and “false”.

  • Content Words Limit
    [featured-cnt-icon content_words_limit="50"]
    If you Featured Content post has large content then you can display limited words only. Default 50 words will be displayed.

  • Content Tail
    [featured-cnt-icon content_tail="..."]
    Display dots after the post content for continue reading.

  • Link Target
    [featured-cnt-icon link_target="blank"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.

  • Orderby
    [featured-cnt-icon orderby="post_date"]
    Display featured content post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”.

  • ‘post_date’ – Display according to post date.
  • ‘modified’ – Display according to post updated date.
  • ‘title’ – Display according to post title.
  • ‘name’ – Display according to post url slug.
  • ‘ID’ – Display according to post id.
  • ‘rand’ – Display post in random order.
  • ‘menu_order’ – Display post according to your order You can simply Drag & Drop through admin panel.
  • Order
    [featured-cnt-icon order="DESC"]
    Display Featured Content in an ‘Ascending’ or ‘Descending’ order.

  • Posts
    [featured-cnt-icon posts="1,5,6"]
    Display only specific featured content posts. You can pass multiple post ids with comma separated.

  • Exclude Post
    [featured-cnt-icon exclude_post="1,5,6"]
    You can exclude some featured content post which you do not want to display. You can pass multiple post ids with comma separated.

  • Exclude Category
    [featured-cnt-icon exclude_cat="1,5,6"]
    You can exclude some featured content category which you do not want to display. You can pass multiple categories ids with comma separated.

  • Post Type
    [featured-cnt-icon post_type="featured_post"]
    If your site have already featured content and if you want to use our plugin design then you can simply switch the plugin post type
    without writing the content again.

  • Taxonomy
    [featured-cnt-icon taxonomy="wpfcas-category"]
    The same as above. If you site have already featured content with category then you can switch taxonomy also without creating it again.

The slider parameters with shortcode.

Note : Slider parameters works with type=”slider”

  • Slides Column
    [featured-cnt-icon slides_column="3"]
    Display number of Featured Content Post at a time in slider just like as a grid.

  • Slides Scroll
    [featured-cnt-icon slides_scroll="1"]
    When slider scroll, determine number of Featured Content to slide at a time.

  • Dots and Arrows
    [featured-cnt-icon dots="false" arrows="false"]
    Display slider navigation dots and prev-next arrows. Values are ‘true’ or ‘false’.

  • Autoplay
    [featured-cnt-icon autoplay="true"]
    Enable slider auto play.

  • Autoplay Interval
    [featured-cnt-icon autoplay_interval="3000"]
    Set slider slide interval time.

  • Infinite
    [featured-cnt-icon infinite="true"]
    Enable continuous sliding. Values are “true” OR “false”.

  • Centermode
    [featured-cnt-icon centermode="true"]
    Enable slider center mode feature. Values are “true” OR “false”. Note use with odd number of ‘Slides Column’ and ‘Slides Scroll’.

[featured-cnt-img]

  • Type
    [featured-cnt-img type="grid"]
    Display Featured Content in a grid view or in a slider view. Values are ‘grid’ or ‘slider’.

  • Limit
    [featured-cnt-img limit="5"]
    Display latest number of featured content on your website. To display all Featured Content you can pass limit to -1.

  • Grid
    [featured-cnt-img grid="2"]
    Display featured content in a column / grid on your website. You can display up to four column.

  • Design
    [featured-cnt-img design="design-1"]
    Choose design for featured content. Designs values are design-10 to design-19.

    Note:design-13 and design-15 will not work with slider.

  • Display Category wise
    [featured-cnt-img cat_id="category_id"]
    Display featured content category wise. You can enter multiple category id with comma separated.

  • Font Awesome Icon Color
    [featured-cnt-img fa_icon_color="#000000"]
    Change the color of Font Awesome Icon.

  • Display Read More Button
    [featured-cnt-img display_read_more="true"]
    When you enter custom link to featured content post then ‘Read More’ button will be displayed with link. The link will come on Featured Content title also so you can choose whether to display read more button or not.

  • Read More Button Text
    [featured-cnt-img read_more_text="More"]
    Change ‘Read More’ button text to your desired text.

  • Display Content
    [featured-cnt-img show_content="true"]
    Display post content or not. By default value is “true”. Values are “true” and “false”.

  • Content Words Limit
    [featured-cnt-img content_words_limit="50"]
    If you Featured Content post has large content then you can display limited words only. Default 50 words will be displayed.

  • Content Tail
    [featured-cnt-img content_tail="..."]
    Display dots after the post content for continue reading.

  • Link Target
    [featured-cnt-img link_target="blank"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.

  • Orderby
    [featured-cnt-img orderby="post_date"]
    Display featured content post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”.

  • ‘post_date’ – Display according to post date.
  • ‘modified’ – Display according to post updated date.
  • ‘title’ – Display according to post title.
  • ‘name’ – Display according to post url slug.
  • ‘ID’ – Display according to post id.
  • ‘rand’ – Display post in random order.
  • ‘menu_order’ – Display post according to your order You can simply Drag & Drop through admin panel.
  • Order
    [featured-cnt-img order="DESC"]
    Display Featured Content in an ‘Ascending’ or ‘Descending’ order.

  • Display Specific Posts
    [featured-cnt-img posts="1,5,6"]
    Display only specific featured content posts. You can add multiple post ids with comma separated.

  • Exclude Post
    [featured-cnt-img exclude_post="1,5,6"]
    You can exclude some featured content post which you do not want to display. You can add multiple post ids with comma separated.

  • Exclude Category
    [featured-cnt-img exclude_cat="1,5,6"]
    You can exclude some featured content category which you do not want to display. You can add multiple categories ids with comma separated.

  • Post Type
    [featured-cnt-img post_type="featured_post"]
    If your site have already featured content and if you want to use our plugin design then you can simply switch the plugin post type without writing the content again.

  • Taxonomy
    [featured-cnt-img taxonomy="wpfcas-category"]
    The same as above. If you site have already featured content with category then you can switch taxonomy also without creating it again.

The slider parameters with shortcode.

Note : Slider parameters works with type=”slider”

  • Slides Column
    [featured-cnt-img slides_column="3"]
    Display number of Featured Content Post at a time in slider just like as a grid.

  • Slides Scroll
    [featured-cnt-img slides_scroll="1"]
    When slider scroll, determine number of Featured Content to slide at a time.

  • Dots and Arrows
    [featured-cnt-img dots="false" arrows="false"]
    Display slider navigation dots and prev-next arrows. Values are ‘true’ or ‘false’.

  • Autoplay
    [featured-cnt-img autoplay="true"]
    Enable slider auto play.

  • Autoplay Interval
    [featured-cnt-img autoplay_interval="3000"]
    Set slider slide interval time.

  • Infinite
    [featured-cnt-img infinite="true"]
    Enable continuous sliding. Values are “true” OR “false”.

  • Centermode
    [featured-cnt-img centermode="true"]
    Enable slider center mode feature. Values are “true” OR “false”. Note use with odd number of ‘Slides Column’ and ‘Slides Scroll’.

[featured-cnt-icon-img]

  • Type
    [featured-cnt-icon-img type="grid"]
    Display Featured Content in a grid view or in a slider view. Values are ‘grid’ or ‘slider’.

  • Limit
    [featured-cnt-icon-img limit="5"]
    Display latest number of featured content on your website. To display all Featured Content you can pass limit to -1.

  • Grid
    [featured-cnt-icon-img grid="2"]
    Display featured content in a column / grid on your website. You can display up to four column. Values are 1,2,3 and 4.

  • Design
    [featured-cnt-icon-img design="design-1"]
    Choose design for featured content. Designs are design-8, design-9, design-20, design-21, design-24, design-25, design-31, design-34.

  • Display Category wise
    [featured-cnt-icon-img cat_id="category_id"]
    Display featured content category wise. You can enter multiple category id with comma separated.

  • Font Awesome Icon Color
    [featured-cnt-icon-img fa_icon_color="#000000"]
    Change the color of Font Awesome Icon.

  • Image Style
    [featured-cnt-icon-img image_style="square"]
    Switch image style “square” OR “circle” as per your theme layout.

    Note: Parameter only works with design-1, design-2, design-3, design-8, design-9 and design-20.

  • Display Read More Button
    [featured-cnt-icon-img display_read_more="true"]
    When you enter custom link to featured content post then ‘Read More’ button will be displayed with link. The link will come on Featured Content title also so you can choose whether to display read more button or not.

  • Read More Button Text
    [featured-cnt-icon-img read_more_text="More"]
    Change ‘Read More’ button text to your desired text.

  • Display Show Content
    [featured-cnt-icon-img show_content="true"]
    Display post content or not. By default value is “true”. Values are “true” and “false”.

  • Display Content Words Limit
    [featured-cnt-icon-img content_words_limit="50"]
    If you Featured Content post has large content then you can display limited words only. Default 50 words will be displayed.

  • Content Tail
    [featured-cnt-icon-img content_tail="..."]
    Display dots after the post content for continue readability.

  • Link Target
    [featured-cnt-icon-img link_target="blank"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.

  • Orderby
    [featured-cnt-icon-img orderby="post_date"]
    Display featured content post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”,”menu_order”.

  • ‘post_date’ – Display according to post date.
  • ‘modified’ – Display according to post updated date.
  • ‘title’ – Display according to post title.
  • ‘name’ – Display according to post url slug.
  • ‘ID’ – Display according to post id.
  • ‘rand’ – Display post in random order.
  • ‘menu_order’ – Display post according to your order You can simply Drag & Drop through admin panel.
  • Order
    [featured-cnt-icon-img order="DESC"]
    Display Featured Content in an ‘Ascending’ or ‘Descending’ order.

  • Display Specific Posts
    [featured-cnt-icon-img posts="1,5,6"]
    Display only specific featured content posts. You can add multiple post ids with comma separated.

  • Exclude Post
    [featured-cnt-icon-img exclude_post="1,5,6"]
    You can exclude some featured content post which you do not want to display. You can add multiple post ids with comma separated.

  • Exclude Category
    [featured-cnt-icon-img exclude_cat="1,5,6"]
    You can exclude some featured content category which you do not want to display. You can add multiple categories ids with comma separated.

  • Post Type
    [featured-cnt-icon-img post_type="featured_post"]
    If your site have already featured content and if you want to use our plugin design then you can simply switch the plugin post type without writing the content again.

  • Taxonomy
    [featured-cnt-icon-img taxonomy="wpfcas-category"]
    The same as above. If you site have already featured content with category then you can switch taxonomy also without creating it again.

The slider parameters with shortcode.

Note : Slider parameters works with type=”slider”

  • Slides Column
    [featured-cnt-icon-img slides_column="3"]
    Display number of Featured Content Post at a time in slider just like as a grid.

  • Slides Scroll
    [featured-cnt-icon-img slides_scroll="1"]
    When slider scroll, determine number of Featured Content to slide at a time.

  • Dots and Arrows
    [featured-cnt-icon-img dots="false" arrows="false"]
    Display slider navigation dots and prev-next arrows. Values are ‘true’ or ‘false’.

  • Autoplay
    [featured-cnt-icon-img autoplay="true"]
    Enable slider auto play.

  • Autoplay Interval
    [featured-cnt-icon-img autoplay_interval="3000"]
    Set slider slide interval time.

  • Infinite
    [featured-cnt-icon-img infinite="true"]
    Enable continuous sliding. Values are “true” OR “false”.

  • Centermode
    [featured-cnt-icon-img centermode="true"]
    enable slider center mode feature. Values are “true” OR “false”. Note use with odd number of ‘Slides Column’ and ‘Slides Scroll’.

Features Content with Custom Order

You can display Features Content in custom order with Drag & Drop interface. Click on ‘Sort Featured Content’ link on Features Content listing page, Drag Featured Content row and click the ‘Save Sort Order’ button to save.
featured-content

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