Installation

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

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

WP Blog and Widgets Pro should now be installed successfully!

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 i.e Blog.

WP Blog and Widgets Pro contain three short codes.

  • 1) Recent Blog Posts Slider/Carousel
    [recent_blog_post_slider]Where Designs for this shortcode is : design-1, design-2, design-3, design-4, design-5, design-6, design-7, design-8, design-9, design-10, design-11, design-12, design-13, design-14, design-15, design-32, design-33, design-38, design-39, design-40, design-41, design-43, design-46
  • 2) Recent Blog Post with Grid View
    [recent_blog_post]Where designs are : design-16, design-17, design-18, design-19, design-20, design-21, design-22, design-23, design-25, design-26, design-27, design-28, design-29, design-31, design-34, design-35, design-37, design-42, design-44, design-45, design-47, design-48
  • 3) Blog Post with Grid View
    [blog limit="10"]Where designs are : design-16, design-17, design-18, design-19, design-20, design-21, design-22, design-24, design-25, design-26, design-27, design-30, design-34, design-35, design-36, design-37, design-42, design-44, design-45, design-47, design-48

add-blog-page

1) Display Blog in a page (list view and grid view)
[blog limit="10"]

2) Display Latest blog on Homepage/Frontpage in list view and grid view
[recent_blog_post limit="3" grid="3"] OR [recent_blog_post_slider]

Display Blog post by category:
[blog category="category_id"]

Complete shortcode examples are:

You can find out all the designs under “Blog Pro-> Pro Blog Designs”. Just check the design you like and use the shortcode.

Shortcode parameters

Following are blog Parameters:

[blog]

  • Limit: [blog limit="10"] (Display latest 10 blog post and then pagination).
  • Category: [blog category="category_id"] (Display blog post categories wise).
  • Grid: [blog grid="2"] (Display blog post in Grid formats. You can use grid:1,2,3,4).
  • Design: [blog design="design-16"] (Select the designs for blog post. Select the design shortcode from Blog Pro -> Pro Blog Designs)
  • Show Author: [blog show_author="true"] (Display Blog author OR not. By default value is “true”. Values are “true” OR “false” )
  • Pagination: [blog pagination="false"] (Show/Hide pagination links. By default value is “false”. Values are “true” and “false”)
  • 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="true"] (Display Full blog content on main page if you do not want word limit. By default value is “false”)
  • Show Date: [blog show_date="false"] (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="30" ] (Control Blog post short content Words limit. By default limit is 20 words).
  • Show Read More: [blog show_read_more="false"](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="blank"] (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"] (Control Blog post read more button text.)
  • Posts: [blog posts="1,5,6"] (Display only specific Blog posts.)
  • Exclude Post: [blog exclude_post="1,5,6"] (Exclude some blog post which you do not want to display.)
  • Exclude Category: [blog exclude_cat="1,5,6"] (Exclude some blog category which you do not want to display.)
  • Pagination Type: [blog pagination_type="numeric"] (Display pagination style. Values are “numeric” OR “previous-next”.)
  • 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.)

Following are Recent Blog Post Parameters:

[recent_blog_post]

  • Limit: [recent_blog_post limit="10"] (Display latest 10 blog post).
  • Category: [recent_blog_post category="category_id"] (Display blog post categories wise).
  • Grid: [recent_blog_post grid="2"] (Display blog post in Grid formats. You can use grid:1,2,3,4).
  • Category Name: [recent_blog_post category_name="Sports"](Display Blog categories name).
  • Design: [recent_blog_post design="design-16"] (Select the designs for blog post. Select the design shortcode from Blog Pro -> Pro Blog Designs)
  • 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 Date: [recent_blog_post show_date="false"] (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="30" ] (Control Blog post short content Words limit. By default limit is 20 words).
  • Show Read More: [recent_blog_post show_read_more="false"](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="blank"] (Open link in a same window or in a new tab. Values are “self” OR “blank”.)
  • Image Height: [recent_blog_post image_height="500"] (Control Blog post image height.)
  • Read More Text: [recent_blog_post read_more_text="More"] (Control Blog post read more button text.)
  • Posts: [recent_blog_post posts="1,5,6"] (Display only specific Blog posts.)
  • Exclude Post: [recent_blog_post exclude_post="1,5,6"] (Exclude some blog post which you do not want to display.)
  • Exclude Category: [recent_blog_post exclude_cat="1,5,6"] (Exclude some blog category which you do not want to display.)
  • 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.)

Following are Recent Blog Post Parameters:

[recent_blog_post_slider]

  • Slides Scroll: [recent_blog_post_slider slides_column="3"] (Display number of Blog Post at a time.)
  • Slides Scroll: [recent_blog_post_slider slides_scroll="1"] (Scroll number of Blog Post at a time.)
  • Pagination and Arrows: [recent_blog_post_slider dots="false" arrows="false"]
  • Autoplay and Autoplay Interval: [recent_blog_post_slider autoplay="true" autoplay_interval="100"]
  • Slide Speed: [recent_blog_post_slider speed="3000"]
  • Loop: [recent_blog_post_slider loop="true"](Values are “true” OR “false”)
  • Limit : [recent_blog_post_slider limit="10"] (Display latest 10 Blog post in slider).
  • Category: [recent_blog_post_slider category="category_id"] (Display blog post categories wise).
  • Design: [recent_blog_post_slider design="design-1"] (Select the designs for Blog post. Select the design shortcode from Blog Pro -> Pro Blog Designs)
  • Show Date: [recent_blog_post_slider show_date="false"] (Display blog date OR not. By default 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 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="30" ] (Control blog post short content Words limit. By default limit is 20 words).
  • Show Read More: [recent_blog_post_slider show_read_more="false"](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.)
  • 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="blank"] (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"] (Control Blog post image height.)
  • Read More Text: [recent_blog_post_slider read_more_text="More"] (Control Blog post read more button text.)
  • Posts: [recent_blog_post_slider posts="1,5,6"] (Display only specific Blog posts.)
  • Exclude Post: [recent_blog_post_slider exclude_post="1,5,6"] (Exclude some blog post which you do not want to display.)
  • Exclude Category: [recent_blog_post_slider exclude_cat="1,5,6"] (Exclude some blog category which you do not want to display.)
  • 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.)

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.