This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

SP Blog Designer


SP Blog Designer have so many designs with different layouts and multiple customization options with live preview.

With this Quick Start Guide, we want to help you quickly get started with your website, by listing the most essential things you need to do to get up and running.

Here you will find the main features which are included in our SP Blog Designer Plugin free version :

Features :

  • Grid View [wpsbd_post]
  • List View [wpsbd_post_list]
  • Slider [wpsbd_post_carousel]
  • All Customised Options
  • Live Preview
  • 3 shortcodes with number of designs.
  • Light weight and Fast
  • Created with ground level with WordPress Coding Standard
  • Completely translatable both in front and back-end.
  • Fully Responsive.
  • Cross browsers support.
  • Many more other features also…


  • [wpsbd_post] : Display blog post or news post in grid view.
  • [wpsbd_post_list] : Display blog post or news post in list view.
  • [wpsbd_post_carousel] : Display blog post or news post in slider view.

Shortcode parameters

  • Limit:
    limit=”20″ ( ie. Display 20 blog posts on your website and then pagination. To show all posts use limit=”-1″ )

  • Pagination:
    pagination=”true” ( ie. If you want to enable pagination set true otherwise false.)

  • Design:
    design=”design-1″ (Select design for blog post. There are many designs. design-1, design-2..)

  • Show Blog Content:
    show_content=”false” (Show blog post content or not. Values are true or false)

Same way you can set other parameter which is given in plugin.

Arbitrary section 1


  • assets/images/setting.png
  • assets/images/grids.png
  • assets/images/list.png
  • assets/images/design.png
  • assets/images/slider.png
  • assets/images/setup.gif


  1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Open Create Shortcode from side bar to configure the shortcode.
  4. Copy shortcode and add in your post/page.


How can I set shortcode in post page?

  • First you need to generate shortcode from this plugin.
  • Open post page and go to edit page.
  • Paste shortcode in post description.
  • Save post and view at front side.

How to add shortcode in code file?

  • Open your project directory on server.
  • Edit file where you want to display the blogs.
  • Add code <?php echo do_shortcode('[wpsbd_post]'); ?>

How to set different design?

  • Select shortcode from dropdown and you will be able to find design dropdown from sidebar for particular shortcode.
  • Change design value and copy shortcode to place in your page.
  • Ex. Shortcode will be like [wpsbd_post design="design-1"]

How to set grid view in shortcode?

  • There is so many options to change design view, you can change grid column option from dropdown and check preview.
  • Ex. Shortcode : [wpsbd_post grid="4"]

How to change appreance of blog design?

  • In shortcode page there’s an option to change Appearance Parameters.
  • Change color from color picker and check live preview for background, text etc..
  • Ex. Shortcode : [wpsbd_post text_colorpicker="#dd3333"]


دجنبر 31, 2021
I'm glad to find it because I often must customize the CSS of other blog plugins to improve the standard design. Here some templates are "classic" but some are original and pretty cool. Good job. Thanks
Read all 2 reviews

Contributors & Developers

“SP Blog Designer” is open source software. The following people have contributed to this plugin.


Translate “SP Blog Designer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.


1.0.0 – Initial Release