Installation

Installation of Blog Designer – Post and Widget Pro requires a few small clicks. To install the plugin, please use the following steps:

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

Blog Designer – Post and Widget should now be installed successfully!

How to display and shortcodes

Display a Designed post is very simple. Just go to Pages-> add New and add page title ie Blog OR News OR Front page and add shortcode.

Blog Designer – Post and Widget Pro contain three shortcodes.

  • 1) Recent Blog Slider/Carousel

    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
  • 2) Recent Blog with Grid View

    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
  • 3) Blog with Grid View

    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

1) Display Post in a page (list view and grid view)

2) Display Latest blog on Homepage/Frontpage in list view and grid view

Display Blog post by category:

You can also use template code to display Blog in your theme template.

Complete shortcode examples are:

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

Shortcode parameters

Following are blog Parameters:

  • Limit: [wpspw_post limit="10"] (Display latest 10 post and then pagination).
  • Category: [wpspw_post category="category_id"] (Display post categories wise).
  • Grid: [wpspw_post grid="2"] (Display post in Grid formats. You can use grid:1,2,3,4).
  • Design: [wpspw_post design="design-16"] (Select the designs for post. Select the design shortcode from Posts -> Pro Designs)
  • Show Author: [wpspw_post show_author="true"] (Display post author OR not. By default value is “true”. Values are “true” OR “false” )
  • Pagination: [wpspw_post pagination="false"] (Show/Hide pagination links. By default value is “false”. Values are “true” and “false”)
  • Pagination Type: [wpspw_post pagination_type="numeric"] (Pagination type works when pagination set to true. Two types can be used for pagination “numeric” and “previous-next”)
  • Show Content: [wpspw_post show_content="true" ] (Display post Short content OR not. By default value is “True”. Options are “true OR false”).
  • Show Full Content: [wpspw_post show_full_content="true"] (Display Full post content on main page if you do not want word limit. By default value is “false”)
  • Show Date: [wpspw_post show_date="false"] (Display Blog date OR not. By default value is “true”. Options are “true OR false”)
  • Show Category Name: [wpspw_post show_category_name="true" ] (Display post category name OR not. By default value is “true”. Options are “true OR false”).
  • Content Words Limit: [wpspw_post content_words_limit="30" ] (Control post short content Words limit. By default limit is 20 words).
  • Show Read More: [wpspw_post show_read_more="false"](Show/Hide read more links. By default value is “true”. Values are “true” and “false”)
  • Read More Text: [wpspw_post read_more_text="Learn More"](Read More button/link text can be set with this parameter. Parameter will work when show read more set as true.)
  • Category Name: [wpspw_post category_name="Sports"](Display post category name)
  • Include Child Category: [wpspw_post include_cat_child="true"](Display post from child category. Default value set as “true”)
  • Exclude Category: [wpspw_post exclude_cat="1,3,4"](Avoid some category from display.Pass those category id that you don’t want to show.)
  • Exclude Post: [wpspw_post exclude_post="1,3,4"](Avoid some Post from display. Pass those post id that you don’t want to show.)
  • Posts: [wpspw_post posts="1,3,4"](Pass those post id that you want to show.)
  • Order: [wpspw_post order="DESC"](Display latest post on top with “DESC” order. Other order can be used is “ASC”)
  • Order By: [wpspw_post orderby="DESC"](Display Posts according to date, time,menu order,ID and title.)
  • Content Tail: [wpspw_post content_tail="..."](Set continue reading symbol after content excerpt.)
  • Link Target: [wpspw_post link_target="blank"](Show Full post in new tab or with same page.”blank” will open full post in new tab. Other value is “self” will open full post with same page.)
  • Image Height: [wpspw_post image_height="350"](Set post image height.)
  • Show Tag: [wpspw_post show_tags="true"](Show post tag.)
  • Show Comments: [wpspw_post show_comments="true"](Show post comments.)

Following are Recent Blog Parameters:

  • Limit: [wpspw_recent_post limit="10"] (Display latest 10 post and then pagination).
  • Category: [wpspw_recent_post category="category_id"] (Display post categories wise).
  • Include Child Category: [wpspw_recent_post include_cat_child="true"](Display post from child category. Default value set as “true”)
  • Grid: [wpspw_recent_post grid="2"] (Display post in Grid formats. You can use grid:1,2,3,4).
  • Category Name: [wpspw_recent_post category_name="Sports"](Display post categories name).
  • Exclude Category: [wpspw_recent_post exclude_cat="1,3,4"](Avoid some category from display.Pass those category id that you don’t want to show.)
  • Exclude Post: [wpspw_recent_post exclude_post="1,3,4"](Avoid some Post from display. Pass those post id that you don’t want to show.)
  • Posts: [wpspw_recent_post posts="1,3,4"](Pass those post id that you want to show.)
  • Query Offset: [wpspw_recent_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.)
  • Design: [wpspw_recent_post design="design-16"] (Select the designs for post. Select the design shortcode from Posts -> Pro Designs)
  • Show Author: [wpspw_recent_post show_author="true"] (Display post author OR not. By default value is “true”. Values are “true” OR “false” )
  • Show Content: [wpspw_recent_post show_content="true" ] (Display post Short content OR not. By default value is “True”. Options are “true OR false”).
  • Show Full Content: [wpspw_recent_post show_full_content="true"] (Display Full post content on main page if you do not want word limit. By default value is “false”)
  • Content Tail: [wpspw_recent_post content_tail="..."](Set continue reading symbol after content excerpt.)
  • Show Date: [wpspw_recent_post show_date="false"] (Display post date OR not. By default value is “true”. Options are “true OR false”)
  • Show Category Name: [wpspw_recent_post show_category_name="true" ] (Display post category name OR not. By default value is “true”. Options are “true OR false”).
  • Content Words Limit: [wpspw_recent_post content_words_limit="30" ] (Control post short content Words limit. By default limit is 20 words).
  • Show Read More: [wpspw_recent_post show_read_more="false"](Show/Hide read more links. By default value is “true”. Values are “true” and “false”)
  • Read More Text: [wpspw_recent_post read_more_text="Learn More"](Read More button/link text can be set with this parameter. Parameter will work when show read more set as true.)
  • Order: [wpspw_recent_post order="DESC"](Display latest post on top with “DESC” order. Other order can be used is “ASC”)
  • Order By: [wpspw_recent_post orderby="DESC"](Display Posts according to date, time,menu order,ID and title.)
  • Link Target: [wpspw_recent_post link_target="blank"](Show Full post in new tab or with same page.”blank” will open full post in new tab. Other value is “self” will open full post with same page.)
  • Image Height: [wpspw_recent_post image_height="350"](Set post image height.)
  • Show Tag: [wpspw_recent_post show_tags="true"](Show post tag.)
  • Show Comments: [wpspw_recent_post show_comments="true"](Show post comments.)

Following are Recent Blog Post Parameters:

  • Slides Columns: [wpspw_recent_post_slider slides_column="3"] (ie Display number of Post at a time.)
  • Slides Scroll: [wpspw_recent_post_slider slides_scroll="1"] (ie scroll number of Post at a time.)
  • Pagination and Arrows: [wpspw_recent_post_slider dots="false" arrows="false"]
  • Autoplay and Autoplay Interval: [wpspw_recent_post_slider autoplay="true" autoplay_interval="100"]
  • Slide Speed: [wpspw_recent_post_slider speed="3000"]
  • Loop: [wpspw_recent_post_slider loop="true"](values are “true” OR “false”)
  • Limit: [wpspw_recent_post_slider limit="10"] (Display latest 10 post in slider).
  • Category: [wpspw_recent_post_slider category="category_id"] (Display post categories wise).
  • Category Name: [wpspw_recent_post_slider category_name="Sports"](Display categories name).
  • Design: [wpspw_recent_post_slider design="design-1"] (Select the designs for post. Select the design shortcode from Posts -> Pro Designs)
  • Show Date: [wpspw_recent_post_slider show_date="false"] (Display blog date OR not. By default value is “true”. Options are “true OR false”)
  • Show Content: [wpspw_recent_post_slider show_content="true" ] (Display post Short content OR not. By default value is “True”. Options are “true OR false”).
  • Show Category Name: [wpspw_recent_post_slider show_category_name="true" ] (Display post category name OR not. By default value is “true”. Options are “true OR false”).
  • Content Words Limit: [wpspw_recent_post_slider content_words_limit="30" ] (Control blog post short content Words limit. By default limit is 20 words).
  • Show Read More: [wpspw_recent_post_slider show_read_more="false"](Show/Hide read more links. By default value is “true”. Values are “true” and “false”)
  • Show Author: [wpspw_recent_post_slider show_author="true"] (Display post author OR not. By default value is “true”. Values are “true” OR “false” )
  • Content Tail: [wpspw_recent_post_slider content_tail="..."](Set continue reading symbol after content excerpt.)
  • Read More Text: [wpspw_recent_post_slider read_more_text="Learn More"](Read More button/link text can be set with this parameter. Parameter will work when show read more set as true.)
  • Order: [wpspw_recent_post_slider order="DESC"](Display latest post on top with “DESC” order. Other order can be used is “ASC”)
  • Order By: [wpspw_recent_post_slider orderby="DESC"](Display Posts according to date, time,menu order,ID and title.)
  • Link Target: [wpspw_recent_post_slider link_target="blank"](Show Full post in new tab or with same page.”blank” will open full post in new tab. Other value is “self” will open full post with same page.)
  • Image Height: [wpspw_recent_post_slider image_height="350"](Set post image height.)
  • Exclude Category: [wpspw_recent_post_slider exclude_cat="1,3,4"](Avoid some category from display.Pass those category id that you don’t want to show.)
  • Exclude Post: [wpspw_recent_post_slider exclude_post="1,3,4"](Avoid some Post from display. Pass those post id that you don’t want to show.)
  • Posts: [wpspw_recent_post_slider posts="1,3,4"](Pass those post id that you want to show.)
  • Show Tag: [wpspw_recent_post_slider show_tags="true"](Show post tag.)
  • Show Comments: [wpspw_recent_post_slider show_comments="true"](Show post comments.)

Following are Post Ticker Shortcode Parameters:

  • Limit: [wpspw_ticker limit="10"] (Display latest 10 News post in ticker.)
  • Category: [wpspw_ticker category="category_id"] (Display News post categories wise.)
  • Include Child Cat Post: [wpspw_ticker include_cat_child="true"] (Display News Child Category.)
  • Order: [wpspw_ticker order="DESC"] (Controls News post order. Values are “ASC” OR “DESC”.)
  • Orderby: [wpspw_ticker orderby="date"] (Display News post in your order. Values are “date”, “modified”, “title”, “name” (Post Slug), “ID”, “rand”, “menu_order”, “comment_count”)
  • Link Target: [wpspw_ticker link_target="blank"] (Open link in a same window or in a new tab. Values are “self” OR “blank”.)
  • Posts: [wpspw_ticker posts="1,5,6"] (Display only specific News posts.)
  • Exclude Post: [wpspw_ticker exclude_post="1,5,6"] (Exclude some news post which you do not want to display.)
  • Ticker Title: [wpspw_ticker ticker_title="Latest News"] (Set your ticker title.)
  • Theme Color: [wpspw_ticker theme_color="#2096cd"] (Set your ticker theme color.)
  • Heading Font Color: [wpspw_ticker heading_font_color="#fff"] (Set Heading font color.)
  • Font Color: [wpspw_ticker font_color="#2096cd"] (Set your ticker font color.)
  • Font Style: [wpspw_ticker font_style="normal"] (Set ticker font style.)
  • Ticker Effect: [wpspw_ticker ticker_effect="fade"] (Set ticker effect by this parameter.)
  • AutoPlay: [wpspw_ticker autoplay="true"] (Start ticker automatically.)
  • Speed: [wpspw_ticker speed="3000"] (Set ticker speed.)
  • Exclude Category: [wpspw_ticker exclude_cat="1,5"] (Exclude those post that you don’t want to display.)
  • Query Offset: [wpspw_ticker 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 post widgets

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

post-widgets

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

Post with Custom Order

You can display Post in custom order with Drag & Drop interface. Click on ‘Sort Post’ link on post listing page, Drag post row and click the ‘Save Sort Order’ button to save.
stylist-post
Note: Put orderby='menu_order' order="ASC" parameter in post shortcode for custom ordering.

Updated On 25 Oct 2016