Documentation

WP Blog and Widgets Pro

Getting started with WP Blog and Widgets Pro

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

Below screen shows Blog Pro after plugin installed successfully!

blog-pro-view

To add a New blog post just need to click on Blog Pro -> Add Blog and add the blog title, content and featured image as you add for WordPress default Post section.

Below screen shows how to add a blog post. You just click on “Add blog” and insert blog title and content as you add for WordPress post.

add-a-blog-post

Like this you can add blog posts as much you want to add.

How to display and shortcodes

Display a Blog page is very simple. Just go to Pages-> add New and add page title and add below any shortcode in your page.

WP Blog and Widgets Pro contain 6 short codes.

  • [blog] – Blog Post Grid View
    Where Designs are Design-1 to Design-50
  • [recent_blog_post] – Recent Blog Grid View
    Where Designs are Design-1 to Design-50
  • [recent_blog_post_slider] -Recent Blog Post Slider View
    Where Designs are Design-1 to Design-45
  • [wpbaw_gridbox] – Blog Post Grid Box View
    Where Designs are Design-1 to Design-13
  • [wpbaw_gridbox_slider] – Blog Post Grid box slider view
    Where Designs are Design-1 to Design-8
  • [baw_blog_list] – Blog Post List View
    Where Designs are Design-1 to Design-8

You can also use template code to display Blog in your theme template.
<?php echo do_shortcode('[blog]'); ?>
<?php echo do_shortcode('[recent_blog_post]'); ?>
<?php echo do_shortcode('[recent_blog_post_slider]'); ?>
<?php echo do_shortcode('[wpbaw_gridbox]'); ?>
<?php echo do_shortcode('[wpbaw_gridbox_slider]'); ?>
<?php echo do_shortcode('[baw_blog_list]'); ?>

Shortcode parameters

Following are blog Parameters:

[blog]

  • Limit:
    [blog limit="20"]
    Display latest 20 blog post and then pagination.

  • Category:
    [blog category="category_id"]
    Display blog post categories wise.You can pass multiple category id with comma separated.

  • Grid / Column:
    [blog grid="2"]
    Display blog post in Grid formats.

  • Design:
    [blog design="design-1"]
    Select design for Blog and widget Post. Designs are design-1 to design-50.

  • Show Author:
    [blog show_author="true"]
    Display Blog author OR not. By default value is “true”. Values are “true” OR “false”.

  • Pagination:
    [blog pagination="true"]
    Show/Hide pagination links. By default value is “true”. Values are “true” and “false”.

  • Pagination Type:
    [blog pagination_type="numeric"]
    Pagination type works when pagination set to true.Two types can be used for pagination “numeric” and “prev-next”.

  • Show Content:
    [blog show_content="true" ]
    Display Blog post Short content OR not. By default value is “true”. Options are “true OR false”.

  • Show Full Content:
    [blog show_full_content="false"]
    Display Full blog content on main page if you do not want word limit. By default value is “false”.

  • Show Date:
    [blog show_date="true"]
    Display Blog date OR not. By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [blog show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [blog content_words_limit="20" ]
    Control Blog post short content Words limit. By default limit is 20 words.

  • Show Read More:
    [blog show_read_more="true"]
    Show/Hide read more links. By default value is “true”. Values are “true” and “false”.

  • Content Tail:
    [blog content_tail="..."]
    Display dots after the post content.

  • Order:
    [blog order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [blog orderby="post_date"]
    Display Blog post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Image Height:
    [blog image_height="500"]
    Control Blog post image height.

  • Read More Text:
    [blog read_more_text="More"]
    Change Blog post read more button text.

  • Posts:
    [blog posts="1,5,6"]
    Display only specific Blog posts. You can pass multiple post id by comma separated.

  • Exclude Post:
    [blog exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [blog exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display.You can pass multiple post ids by comma separated.

  • Query Offset:
    [blog query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • Media Size:
    [blog media_size="large"]
    Set post media size. By default value is “large”. Options are “full, medium, thumbnail OR large”.

  • Image Fit:
    [blog image_fit="true"]
    Set Image fit to box. By default value is “true or false”.


Following are Recent Blog Post Parameters:

[recent_blog_post]

  • Limit:
    [recent_blog_post limit="20"]
    Display latest 20 blog post and then pagination.

  • Category:
    [recent_blog_post category="category_id"]
    Display blog post categories wise. You can pass multiple post ids by comma separated.

  • Grid / Column:
    [recent_blog_post grid="3"]
    Display blog post in Grid formats.

  • Category Name:
    [recent_blog_post category_name="Sports"]
    Display Blog categories name.

  • Design:
    [recent_blog_post design="design-1"]
    Select design for Blog and widget Post. Designs are design-1 to design-50.

  • Show Author:
    [recent_blog_post show_author="true"]
    Display Blog author OR not. By default value is “true”. Values are “true” OR “false”.

  • Show Content:
    [recent_blog_post show_content="true" ]
    Display Blog post Short content OR not. By default value is “True”. Options are “true OR false”.

  • Show Full Content:
    [recent_blog_post show_full_content="false" ]
    Display Full blog content on main page if you do not want word limit. By default value is “false”.

  • Show Date:
    [recent_blog_post show_date="true"]
    Display Blog date OR not. By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [recent_blog_post show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [recent_blog_post content_words_limit="20" ]
    Control Blog post short content Words limit. By default limit is 20 words.

  • Show Read More:
    [recent_blog_post show_read_more="true"]
    Show/Hide read more links. By default value is “true”. Values are “true” and “false”.

  • Content Tail:
    [recent_blog_post content_tail="..."]
    Display dots after the post content.

  • Order:
    [recent_blog_post order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [recent_blog_post orderby="post_date"]
    Display Blog post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Image Height:
    [recent_blog_post image_height="500"]
    Set Blog post image height.

  • Read More Text:
    [recent_blog_post read_more_text="More"]
    Change Blog post read more button text.

  • Posts:
    [recent_blog_post posts="1,5,6"]
    Display only specific Blog posts.You can pass multiple post ids by comma separated.

  • Exclude Post:
    [recent_blog_post exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [recent_blog_post exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display. You can pass multiple post ids by comma separated.

  • Query Offset:
    [recent_blog_post query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • Media Size:
    [recent_blog_post media_size="large"]
    Set post media size. By default value is “large”. Options are “full, medium, thumbnail OR large”.

  • Image Fit:
    [recent_blog_post image_fit="true"]
    Set Image fit to box. By default value is “true or false”.


Following are Recent Blog Post Parameters:

[recent_blog_post_slider]

  • Limit :
    [recent_blog_post_slider limit="20"]
    Display latest 20 Blog post in slider then pagination.

  • Category:
    [recent_blog_post_slider category="category_id"]
    Display blog post categories wise. You can pass multiple post ids by comma separated.

  • Design:
    [recent_blog_post_slider design="design-1"]
    Select the designs for Blog post slider. Where designs are Design-1 to Design-45
  • Show Date:
    [recent_blog_post_slider show_date="true"]
    Display blog date OR not. By defaut value is “true”. Options are “true OR false”.

  • Show Content:
    [recent_blog_post_slider show_content="true" ]
    Display Blog post Short content OR not.By default value is “true”. Options are “true OR false”.

  • Show Author:
    [recent_blog_post_slider show_author="true" ]
    Display Blog post Author OR not.By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [recent_blog_post_slider show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [recent_blog_post_slider content_words_limit="20" ]
    Control blog post short content Words limit. By default limit is 20 words.

  • Show Read More:
    [recent_blog_post_slider show_read_more="true"]
    Show/Hide read more links.By default value is “true”. Values are “true” and “false”.

  • Content Tail:
    [recent_blog_post_slider content_tail="..."]
    Display dots after the post content.

  • Image Size:
    [recent_blog_post_slider media_size="large" ]
    Set slider image media size. Default Value is “large” and option are “full, medium OR thumbnail”.

  • Image Fit:
    [recent_blog_post_slider image_fit="true" ]
    Set image fit to box or not. Values are “true or false”.

  • Slides Column:
    [recent_blog_post_slider slides_column="3"]
    Display number of Blog Post Slider at a time.

  • Slides Scroll:
    [recent_blog_post_slider slides_scroll="1"]
    Scroll number of Blog Post Slider at a time.

  • Autoplay:
    [recent_blog_post_slider autoplay="true"]
    Display slider automatically or not. Defalut value is “true”. Option are “true OR false”.

  • Autoplay Interval:
    [recent_blog_post_slider autoplay_interval="2000"]
    Set Autoplay interval time. Default interval time is “2000”.

  • Slide Speed:
    [recent_blog_post_slider speed="300"]
    Display slider speed.

  • Loop:
    [recent_blog_post_slider loop="true"]
    Display slider continuously or not. Values are “true OR false”.

  • Slider Dots:
    [recent_blog_post_slider dots="true"]
    Display slider dots or not. Values are “true OR false”.

  • Slider Arrows:
    [recent_blog_post_slider arrows="true"]
    Display slider arrows or not. Values are “true OR false”.

  • Order:
    [recent_blog_post_slider order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [recent_blog_post_slider orderby="post_date"]
    Display Blog post in your order.Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Image Height:
    [recent_blog_post_slider image_height="500"]
    Set Blog Slider image height.

  • Read More Text:
    [recent_blog_post_slider read_more_text="Learn More"]
    Change Blog post read more button text.

  • Posts:
    [recent_blog_post_slider posts="1,5,6"]
    Display only specific Blog posts. You can pass multiple post ids by comma separated.

  • Exclude Post:
    [recent_blog_post_slider exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [recent_blog_post_slider exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display. You can pass multiple post ids by comma separated.

  • Query Offset:
    [recent_blog_post_slider query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • RTL:
    [recent_blog_post_slider rtl=""]
    Enable RTL or not. Values are “true OR false”.


Following are Recent Blog Post Grid Box Parameters:

[wpbaw_gridbox]

  • Limit:
    [wpbaw_gridbox limit="15"]
    Display latest 15 blog post and then pagination.

  • Category:
    [wpbaw_gridbox category="category_id"]
    Display blog post categories wise. You can pass multiple post ids by comma separated.

  • Child Category:
    [wpbaw_gridbox include_cat_child="true"]
    Display child category or not. Values are “true OR false”.

  • Category Name:
    [wpbaw_gridbox category_name="Sports"]
    Display Blog categories name.

  • Design:
    [wpbaw_gridbox design="design-1"]
    Select design for Blog Grid Box. Designs are design-1 to design-13.

  • Pagination:
    [wpbaw_gridbox pagination="true" ]
    Show/Hide pagination links. By default value is “true”. Values are “true and false”.

  • Pagination Type:
    [wpbaw_gridbox pagination_type="numeric" ]
    Pagination type works when pagination set to true. Two types can be used for pagination “numeric and prev-next”.

  • Show Author:
    [wpbaw_gridbox show_author="true"]
    Display Blog author OR not. By default value is “true”. Values are “true” OR “false”.

  • Show Content:
    [wpbaw_gridbox show_content="true" ]
    Display Blog post Short content OR not. By default value is “True”. Options are “true OR false”.

  • Show Date:
    [wpbaw_gridbox show_date="true"]
    Display Blog date OR not. By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [wpbaw_gridbox show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [wpbaw_gridbox content_words_limit="5" ]
    Control Blog post short content Words limit. By default limit is 5 words.

  • Show Read More:
    [wpbaw_gridbox show_read_more="true"]
    Show/Hide read more links. By default value is “true”. Values are “true” and “false”.

  • Content Tail:
    [wpbaw_gridbox content_tail="..."]
    Display dots after the post content.

  • Order:
    [wpbaw_gridbox order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [wpbaw_gridbox orderby="post_date"]
    Display Blog post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Image Height:
    [wpbaw_gridbox image_height="500"]
    Set Blog post image height.

  • Read More Text:
    [wpbaw_gridbox read_more_text="More"]
    Change Blog post read more button text.

  • Posts:
    [wpbaw_gridbox posts="1,5,6"]
    Display only specific Blog posts.You can pass multiple post ids by comma separated.

  • Exclude Post:
    [wpbaw_gridbox exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [wpbaw_gridbox exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display. You can pass multiple post ids by comma separated.

  • Query Offset:
    [wpbaw_gridbox query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • Image Fit:
    [wpbaw_gridbox image_fit="true"]
    Set Image fit to box. By default value is “true or false”.


Following are Recent Blog Post Grid Box Parameters:

[wpbaw_gridbox_slider]

  • Limit:
    [wpbaw_gridbox_slider limit="15"]
    Display latest 15 blog post and then pagination.

  • Category:
    [wpbaw_gridbox_slider category="category_id"]
    Display blog post categories wise. You can pass multiple post ids by comma separated.

  • Child Category:
    [wpbaw_gridbox_slider include_cat_child="true"]
    Display child category or not. Values are “true OR false”.

  • Category Name:
    [wpbaw_gridbox_slider category_name="Sports"]
    Display Blog categories name.

  • Design:
    [wpbaw_gridbox_slider design="design-1"]
    Select design for Blog Grid Box. Designs are design-1 to design-8.

  • Show Author:
    [wpbaw_gridbox_slider show_author="true"]
    Display Blog author OR not. By default value is “true”. Values are “true” OR “false”.

  • Show Content:
    [wpbaw_gridbox_slider show_content="true" ]
    Display Blog post Short content OR not. By default value is “true”. Options are “true OR false”.

  • Show Date:
    [wpbaw_gridbox_slider show_date="true"]
    Display Blog date OR not. By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [wpbaw_gridbox_slider show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [wpbaw_gridbox_slider content_words_limit="5" ]
    Control Blog post short content Words limit. By default limit is 5 words.

  • Show Read More:
    [wpbaw_gridbox_slider show_read_more="false"]
    Show/Hide read more links. By default value is “false”. Values are “true” and “false”.

  • Content Tail:
    [wpbaw_gridbox_slider content_tail="..."]
    Display dots after the post content.

  • Order:
    [wpbaw_gridbox_slider order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [wpbaw_gridbox_slider orderby="post_date"]
    Display Blog post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Autoplay:
    [wpbaw_gridbox_slider autoplay="true"]
    Display slider automatically or not. Defalut value is “true”. Option are “true OR false”.

  • Autoplay Interval:
    [wpbaw_gridbox_slider autoplay_interval="2000"]
    Set Autoplay interval time. Default interval time is “2000”.

  • Slide Speed:
    [wpbaw_gridbox_slider speed="300"]
    You can set slider speed.

  • Loop:
    [wpbaw_gridbox_slider loop="true"]
    Display slider continuously or not. Values are “true OR false”.

  • Slider Dots:
    [wpbaw_gridbox_slider dots="true"]
    Display slider dots or not. Values are “true OR false”.

  • Slider Arrows:
    [wpbaw_gridbox_slider arrows="true"]
    Display slider arrows or not. Values are “true OR false”.

  • Image Height:
    [wpbaw_gridbox_slider image_height="500"]
    Set Blog post image height.

  • Read More Text:
    [wpbaw_gridbox_slider read_more_text="More"]
    Change Blog post read more button text.

  • Posts:
    [wpbaw_gridbox_slider posts="1,5,6"]
    Display only specific Blog posts.You can pass multiple post ids by comma separated.

  • Exclude Post:
    [wpbaw_gridbox_slider exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [wpbaw_gridbox_slider exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display. You can pass multiple post ids by comma separated.

  • Query Offset:
    [wpbaw_gridbox_slider query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • Image Fit:
    [wpbaw_gridbox_slider image_fit="true"]
    Set Image fit to box. By default value is “true or false”.

  • RTL:
    [wpbaw_gridbox_slider rtl=""]
    Enable RTL. By default value is “true or false”.


Following are Blog Post List Parameters:

[baw_blog_list]

  • Limit:
    [baw_blog_list limit="15"]
    Display latest 15 blog post and then pagination.

  • Category:
    [baw_blog_list category="category_id"]
    Display blog post categories wise. You can pass multiple post ids by comma separated.

  • Child Category:
    [baw_blog_list include_cat_child="true"]
    Display child category or not. Values are “true OR false”.

  • Category Name:
    [baw_blog_list category_name="Sports"]
    Display Blog categories name.

  • Design:
    [baw_blog_list design="design-1"]
    Select design for Blog Grid Box. Designs are design-1 to design-8.

  • Pagination:
    [baw_blog_list pagination="true" ]
    Show/Hide pagination links. By default value is “true”. Values are “true and false”.

  • Pagination Type:
    [baw_blog_list pagination_type="numeric" ]
    Pagination type works when pagination set to true. Two types can be used for pagination “numeric and prev-next”.

  • Show Author:
    [baw_blog_list show_author="true"]
    Display Blog author OR not. By default value is “true”. Values are “true” OR “false”.

  • Show Content:
    [baw_blog_list show_content="true" ]
    Display Blog post Short content OR not. By default value is “true”. Options are “true OR false”.

  • Show Full Content:
    [baw_blog_list show_full_content="false" ]
    Display Blog post full content OR not. By default value is “false”. Options are “true OR false”.

  • Show Date:
    [baw_blog_list show_date="true"]
    Display Blog date OR not. By default value is “true”. Options are “true OR false”.

  • Show Category Name:
    [baw_blog_list show_category_name="true" ]
    Display Blog post category name OR not. By default value is “true”. Options are “true OR false”.

  • Content Words Limit:
    [baw_blog_list content_words_limit="20" ]
    Control Blog post short content Words limit. By default limit is 20 words.

  • Show Read More:
    [baw_blog_list show_read_more="true"]
    Show/Hide read more links. By default value is “true”. Values are “true” and “false”.

  • Content Tail:
    [baw_blog_list content_tail="..."]
    Display dots after the post content.

  • Order:
    [baw_blog_list order="DESC"]
    Controls Blog post order. Values are “ASC” OR “DESC”.

  • Order By:
    [baw_blog_list orderby="post_date"]
    Display Blog post in your order. Values are “post_date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”.

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

  • Image Height:
    [baw_blog_list image_height="500"]
    Set Blog post image height.

  • Read More Text:
    [baw_blog_list read_more_text="More"]
    Change Blog post read more button text.

  • Posts:
    [baw_blog_list posts="1,5,6"]
    Display only specific Blog posts.You can pass multiple post ids by comma separated.

  • Exclude Post:
    [baw_blog_list exclude_post="1,5,6"]
    Exclude some blog post which you do not want to display. You can pass multiple post ids by comma separated.

  • Exclude Category:
    [baw_blog_list exclude_cat="1,5,6"]
    Exclude some blog category which you do not want to display. You can pass multiple post ids by comma separated.

  • Query Offset:
    [baw_blog_list query_offset="5"]
    This will hide first five post. E.g I have set offset 5, now when it will display post in my page first it will hide first five post then will display from post number 6. Note: This will not work with pagination and limit parameter.

  • Image Size:
    [baw_blog_list media_size="large"]
    Set media size of image. Defualt value is “large” but option are “full, medium, OR thumbnail”.

  • Image Fit:
    [baw_blog_list image_fit="true"]
    Set Image fit to box. By default value is “true or false”.

Added 5 Blog widgets

Widget Options are added like Show Blog date, Show Blog Categories, Select Blog Categories, Slider. Just got to Appearance -> Widgets and select the Blog widgets

blog-widgets

Below screen shows output of blog widgets
blog-widgets-output

Frequently Asked Questions

Q: How can I change Blog 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

Blog with Custom Order

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

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