Blog Designer WordPress Plugin Help Document

Introduction

Thank you for using Blog Designer. We are very glad that you have used our Blog Designer WordPress Plugin.

Blog Designer is a WordPress plugin that allows you to modify your blog layout and designs. That will add value to your WordPress site as beautiful blog page design. We can switch with any blog layouts anytime, no coding skill required.

This document was written very carefully by keeping the mind set that it should be easily understood for Beginner to Advance user or developers. We have divided this document into 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how plugin works.
2) Detailed Document : This section explains every thing about Blog Designer plugin with every setting.
3) Other : This section provides information about miscellaneous item like plugin features, FAQ etc.

If you have any query that is beyond the scope of document, Please feel free to contact us at support@solwininfotech.com

Blog Designer
This documentation is only available for free version of Blog Designer plugin. If you are using Pro version of Blog Designer plugin then please move to this link.
We offer plugin customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

1. Installation Via WordPress Admin area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Click on the left side plugin menu.
  3. Step 3. Now at the top you can see the Add New button, click the button.
  4. Step 4. Again at the top you can see/view Upload Plugin button, click the button.
  5. Step 5. Extract that blog-designer-pro.zip file in your local pc and find there another plugin file (blog-designer-pro.zip) that you have downloaded from wordpress.org.
  6. Step 5. Now upload the plugin zip file (blog-designer-pro.zip). After upload, click on "Install" button and click on "Activate Plugin".

Plugin Installation

Plugin Upload

Plugin Upload

Plugin Installation

2. Installation Via FTP

  1. Step 1. Download Blog Designer plugin zip file (blog-designer.zip) from wordpress plugin directory.
  2. Step 2. Extract Zip file. it will create "Blog Designer" folder with all plugin files & folder inside it. (Remember extracted folder path).
  3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find Blog Designer from plugin list.
  5. Step 5. Click on Activate to activate Blog Designer.

Quick Guide

The quick guide will help you to easily setup your blog page layout in 2 easy steps within 1 to 2 minutes. we have made it easier as you can setup only in 2 Steps.

Please follow this quick steps given below.

Create a new Blog Page

Create blog layout with Blog Designer setting

Video Tutorials

1. Blog Designer installation Video tutorial


General Settings

General Settings

1. Blog layout

click on Select Template Button button to get the entire list of blog templates available for you.

2. Select Page for Blog

Select Page for Blog (Your blog design will display with that page)

3. Number of Posts to Display

Manage the number of posts to display at a time on blog page.

4. Select Post Categories

Select post category or custom taxonomy to display category wise posts on a page.

5. Select Post Tags

Select post tag or custom taxonomy to display tag wise posts on a page.

6. Select Post Authors

Select authors to display author wise posts on a page.

7. Display Setting

  • Sticky Post: Select display sticky post on blog page.
  • Post Category: Display post category option allows you to show/hide category on blog page.
  • Post Tag: Display post tag option allows you to show/hide tag on blog page.
  • Post Author: Display post author option allows you to show/hide author on blog page./li>
  • Post Published Date: Display post date option allows you to show/hide post published date on blog page.
  • Post Comment Count: Display post comment count option allows you to show/hide comment count on blog page.
  • Post Like: To display total no. of like according to posts, simply select the yes option otherwise no. 

PRO Version features with General Settings

Standard Settings

Standard Settings

1. Main Container Class Name 

Enter main blog container class name.

2. Background Color for Blog Posts

Set post background color using color picker.

3. Alternative Background Color

Click to enable alternate background color to posts.

4. Choose Alternative Background Color

Set alternate post background color using color picker.

Note: "Alternative Background Color" is available for Evolution, Timeline Template layout.

5. Choose Link Color

Set post link color using color picker.

6. Choose Link Hover Color

Set post link hover color using color picker.

PRO Version features with Standard Settings

Title Settings

Title Settings

1. Post Title Link 

To enable and disable the link in post title.

Note: "Post Title Link" is available in PRO version.

2. Post Title Color

To select the post title color using the color picker.

3. Post Title Link Hover Color 

To select the post title hover color using the color picker.

Note: "Post Title Hover Color" is available in PRO version.

4. Post Title Background Color

To select the post title background color using the color picker.

4. Typography Settings

  • Font Family: Set post title font family. 
  • Font Size: Set post title font size.
  • Font Weight: Set post title font weight. 
  • Line Hight: Set post title font line hight. 
  • Italic Font Style: Set post title normal to italic style. 
  • Test Transform: Set post title text transform. 
  • Text Decoration: Set post title text decoration. 
  • Letter Spacing: Set post title text letter spacing. 

PRO Version features with Post Title Settings

Content Settings

Content Settings

1. For each Article in a Feed, Show

This option allows you to display full text or summary text on blog page posts.

2. For each Article in a Feed, Show

To Manage your post content length, in words.

3. Show Content From 

To display text from post content or from post excerpt.

Note: "Show Content From" is available in PRO version.

4. Display HTML tags with Summary

To display post content with html tages and attribute.

5. First Letter as Dropcap 

To display First letter of post content to large size.

Note: "First Letter as Dropcap" is available in PRO version.

6. Post Content Color

This option allows you to set post content color on blog page using color picker.

7. Read More Settings

  • Display Read More On: Click To display read more button and also select the position of the button to same line or new line position.
  • Read More Text: Set read more button text.
  • Read More Text Color: Set read more button text color using color picker.
  • Read More Text Background Color: Set read more button background color using color picker.
  • Read More Text Hover Background Color: Set read more button hover background color using color picker. 
    Note: "Read More Text Hover Background Color" is available in PRO version.

8.Typography Settings

  • Font Family: Set post title font family. 
  • Font Size: Set post title font size.
  • Font Weight: Set post title font weight. 
  • Line Hight: Set post title font line hight. 
  • Italic Font Style: Set post title normal to italic style. 
  • Test Transform: Set post title text transform. 
  • Text Decoration: Set post title text decoration. 
  • Letter Spacing: Set post title text letter spacing. 

PRO Version features with Post Content Settings

Media Settings

Media Settings

1. Post Image Link 

To display post feature image on post use display post feature image option.

Note: "Post Image Link" is available in PRO version.

2. Select Post Default Image 

Select the order of display post according to different fields like post id, post title, post slug, publish date, modified date. Also allow to select the sort order like ascending or descending, except default sorting selection.

Note: "Select Post Default Image" is available in PRO version.

3. Select Post Media Size 

Select the media size for Blog Posts featured image

Note: "Select Post Media Size" is available in PRO version.

PRO Version features with Media Settings

Social Share Settings

Social Share Settings

1. Social Share Style 

Default and Custom social share button option.

Note: "Social Share Style" is available in PRO version.

2. Available Icon Themes 

Show 10 predefined different social sharing icons for layouts.

Note: "Available Icon Themes" is available in PRO version.

3. Shape of Social Icon

To display a social icon in a circle or square shape.

4. Facebook Share Link

This option allows you to hide/show facebook share on blog page.

5. Google+ Share Link

This option allows you to hide/show google+ share on blog page.

6. Linkedin Share Link

This option allows you to hide/show linkedin share on blog page.

7. Pinterest Share link

This option allows you to hide/show pinterest share on blog page.

8. Twitter Share Link

This option allows you to hide/show twitter share on blog page.

9. Pinterest Share Button with Featured Image

To display an pinterest share button with featured image in the posts.

10. Pocket Share Link

To display a pocket share option in the posts.

11. Telegram Share Link

To display a telegram share option in the posts.

12. WhatsApp Share Link

To display whatsApp share option in the posts.

13. Reddit Share Link

To display reddit share option in the posts.

14. Tumblr Share Link

To display Tumblr share option in the posts.

15. Skype Share Share Link

To display Skype share option in the posts.

16. WordPress Share Link

To display WordPress share option in the posts.

Show Preview 

Preview

You can preview each and every post layout at the time of creation and modify it and save valuable time.

NOTE: This feature is available in PRO version.

Classical layout

This is a frontend preview of Classical Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with Classical layout!

Preview of Classical Blog Template

Spektrum layout

This is a frontend preview of Spektrum Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with Spektrum layout!

Spektrum layout

Timeline layout

This is a frontend preview of Timeline Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with Timeline layout!

Timeline layout

Lightbreeze layout

This is a frontend preview of Lightbreeze Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with Lightbreeze layout!

Lightbreeze layout

Evolution layout

This is a frontend preview of Evolution Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with Evolution layout!

Evolution layout

News layout

This is a frontend preview of News Blog layout.

Apply further settings with Blog Designer Panel and enjoy your blog page with News layout!

News layout

Other




Blog Designer plugin features

FAQ

1. Is Blog designer provide some default blog layouts?

Yes, Blog designer provide 6 default layouts – Classical, Light Breeze, Spektrum, Evolution, Timeline and News.

2. How can I get the “Blog Designer Plugin” design instead of “theme design” for blog section on my blog page?

Go to Dashboard » Settings » Reading and check Front page displays option, if you have already selected “A static page” option and posts page settings with your blog page then remove that selection and and select --select-- default option and save that changes.

Blog Page

3. Can I apply this blog designer only for my hot categories?

Yes, there is one backend option available as you can select multiple categories and blog designer apply for that categories only.

4. Is there any social option available as I can show social share button on my blog page with every post?

Yes, Blog designer providing option as you can show social share on blog page with 2 different shape options.

5. Can I control my content length on blog page?

Yes, you can. “Post Cotnent Length” option will give you ability to control your content characters on blog page.

6. I want to hide post details like post author, post date, etc., Can I?

Yes, There is “General Settings” panel where you can manage your post details as you want to show or not.


  • Blogging website
  • New section of website
  • Business & Technology idea sharing
  • Your company story (timeline)
  • Event timeline
  • Achievement timeline
  • Author biography timeline
  • Company products update new
  • Step by step tutorial guideline
  • Fashion blog website
  • Latest trend blog
  • Business & Entrepreneurship Blogs
  • NGO website to share news/update
  • Personal blog site
  • To display different category post with different design

Translation

Blog Designer plugin is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Install Poedit tool and open it

  2. Step 2. Open .POT file from /wp-content/plugins/blog-designer/languages/ that you want to translate

    Open .pot file
  3. Step 3. Now, click on "Save"

  4. Step 4. Then one popup will be appear and then enter your Language code ( Ex :- "ca_CA" for English (Canada)) in language option

    Translation property
  5. Step 5. Then select source path tab and you have to modify this path to full path of your plugin that you want to translate.

    Select path
  6. Step 6. Then press ok button.

  7. Step 7. Then give file name like this wp_blog_designer-ca_CA.po for English (Canada) language.

  8. Step 8. Then save file inside language folder in plugin that you want to translate and all strings are appear in your poedit editor

    POT file
  9. Step 9. Select your string that you want to translate and in bottom side there are two options one is Source Text and another one is Translation

    Translate string
  10. Step 10. Source Text keep as it is and in Translation section enter your translated string of selected string that you want to translate and then save it.

  11. Step 11. Repeat step 10 untill your all strings to be translate.

  12. Step 12. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English (Canada) is ca_CA, so you would save the translated files as ca_CA.po and ca_CA.mo.

    PO MO file
  13. Step 13. Then go to wp-config.php file then enter the below code.
    define('WPLANG', 'Your language code'); for Ex.(ca_CA for English (Canada)) then save it.

  14. Step 14. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  15. Step 15. Check language prefix in front end, view HTML.

    Language prefix
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Upgrade Blog designer Free to pro version

To compare features between free and pro version Click Here
NOTE : After upgradation from free to pro version you have to follow this steps to create your first blog layout with Blog Designer Pro plugin click here for quick guide
How to upgrade plugin? Follow the below steps and upgrade your plugin.
  1. Buy Now on Codecanyon

You can upgrade Blog Designer Plugin using 1 of the two ways below.

1. Upgrade Via WordPress Admin area

  1. Step 1. Log in to your WordPress admin area.
  2. Step 2. Click on the left plugin menu.
  3. Step 3. Now at top you can see the Add New button, click the button.
  4. Step 4. Again at top you can see/view Upload Plugin button, click the button.
  5. Step 5. Now upload the plugin zip file (blog-designer-pro.zip) that you have downloaded from Codecanyon . After upload, install the zip and click on "Activate Plugin".

Plugin Installation

Plugin Upload

Plugin Upload

Plugin Installation

2. Upgrade Via FTP

  1. Step 1. Download Blog Designer PRO plugin zip file (blog-designer-pro.zip) from Codecanyon
  2. Step 2. Extract Zip file in yuor local PC. It will create "Blog Designer Pro" folder with all plugin files & folder inside it. (Remember extracted folder path)
  3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find Blog Designer Pro from plugin list.
  5. Step 5. Click on Activate to activate Blog Designer Pro.

Thanks for using Blog Designer Plugin!

We would like to thank you for using our Blog Designer Plugin! If you have any difficulties with Blog Designer Plugin or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com and submit a review and ratings on wordpress.org

We are very happy to assist you!