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



2. Installation Via FTP
- Step 1. Download Blog Designer plugin zip file (blog-designer.zip) from wordpress plugin directory.
- Step 2. Extract Zip file. it will create "Blog Designer" folder with all plugin files & folder inside it. (Remember extracted folder path).
- Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
- Step 4. Go to Dashboard » Plugins » Installed Plugins and find Blog Designer from plugin list.
- 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.
Step 1 :
Create a new Blog Page
Step 2 :
Create blog layout with Blog Designer settings
Video Tutorials
1. Blog Designer installation Video tutorial
General Settings
1. Blog layout
Click on
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.
- 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
1. Main Container Class Name
Enter main blog container class name.
2. Blog Grid Columns (Desktop - Above 980px)
Set the grid columns for the desktop mode like 1 Column, 2 Columns, 3 Columns and 4 Columns.
3. Blog Grid Columns (iPad - 720px - 980px)
Set the grid columns for the iPad mode like 1 Column, 2 Columns, 3 Columns and 4 Columns.
4. Blog Grid Columns (Tablet - 480px - 720px)
Set the grid columns for the tablet mode like 1 Column, 2 Columns, 3 Columns and 4 Columns.
5. Blog Grid Columns (Mobile - Smaller Than 480px )
Set the grid columns for the mobile mode like 1 Column, 2 Columns, 3 Columns and 4 Columns.
6. Display Blog Content In
User can set Blog Content for Sallet slider. It has 2 options like Right and Center.
7. Blog Posts Template Color
Set blog post template color using color picker.
8. Blog Posts Hover Background Color
Set blog post hover background color using color picker.
9. Background Color for Blog Posts
Set post background color using color picker.
10. Alternative Background Color
Click to enable alternate background color to posts.
11. Choose Alternative Background Color
Set alternate post background color using color picker.
12. Choose Link Color
Set post link color using color picker.
13. Choose Link Hover Color
Set post link hover color using color picker.
14. Label Text Color
Set label text color using color picker.
15. Ticker Label
Enter the ticker label to display on frontend.
16. Choose Design
Select any one design for the crayon slider template.
PRO Version features with Standard Settings
Title Settings
1. Post Title Link
To enable and disable the link in post title.
2. Post Tile Maximum Line
To select the post title maximum number of line.
3. Post Title Break Words
To select the post title break words property.
4. Post Title Alignment
To select the post title alignment like left,right and center.
5. Post Title Color
To select the post title color using the color picker.
6. Post Title Link Hover Color
To select the post title hover color using the color picker.
7. Post Title Background Color
To select the post title background color using the color picker.
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 Title 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. Post Content Length (words)
To Manage your post content length, in words.
3. Show Content From
To display text from post content or from post excerpt.
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.
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
Slider Settings
1. Slider Effect
Set Slider animation Effect like slide and fade.
2. Slider Columns (Desktop - Above 980px)
Set Slider column layout for Desktop screen.
3. Slider Columns (iPad - 720px - 980px)
Set Slider column layout for iPad screen.
4. Slider Columns (Tablet - 480px - 720px)
Set Slider column layout for Tablet screen.
5. Slider Columns (Mobile - Smaller Than 480px)
Set Slider column layout for Mobile screen.
6. Slider to Scroll
Select slide scroll limit.
7. Display Slider Navigation
Display Slider navigations.
8. Slider Navigation
Select slider navigation buttons layout.
9. Display Slider Controls
Display sliders controls.
10. Select Slider Controls
Select sliders controls arrows.
11. Slider Autoplay
Select slider autoplay mode.
12. Slider Autoplay Intervals
Enter autoplay intervals in microseconds. (i.e. 3000).
13. Slider Speed
Enter slider speed in microseconds.
PRO Version features with Slider Settings
Media Settings
1. Post Image Link
To display post feature image on post use display post feature image option.
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.
3. Select Post Media Size
Select the media size for Blog Posts featured image
PRO Version features with Media Settings
Pagination Settings
1. Pagination Type
Select any one pagination type from given options.
2. Pagination Template
Select pagination layout from dropdown.
PRO Version features with Pagination Settings
3. Load More Button Text
Add the text for the load more button.
PRO Version features with Pagination Settings
4. Pagination Color Settings
Text Color: Select color for pagination text color.
Background Color: Select color for pagination background color.
Text Hover Color: Select color for pagination hover text color.
Hover Background Color: Select color for pagination hover background color.
Active Text Color Select color for active page text color.
Active Background Color: Select color for active page background color.
Border Color: Select color for pagination border color.
Active Border Color: Select color for active page border color.
PRO Version features with Pagination Settings
Show Preview
You can preview each and every post layout at the time of creation and modify it and save valuable time.
Boxy Clean layout
This is a frontend preview of Boxy-Clean Blog layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Boxy Clean layout!
Crayon Slider layout
This is a frontend preview of Crayon Slider layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Crayon Slider layout!
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!
Glossary layout
This is a frontend preview of Glossary Blog layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Glossary layout!
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!
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!
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!
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!
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!
Nicy layout
This is a frontend preview of Nicy Blog layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Nicy layout!
Blog Carousel layout
This is a frontend preview of Blog Carousel layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Blog Carousel layout!
Blog Grid Box layout
This is a frontend preview of Blog Grid Box layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Blog Grid Box layout!
Ticker layout
This is a frontend preview of Ticker Blog layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Ticker layout!
Media Grid layout
This is a frontend preview of Media Grid Blog layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Media Grid layout!
Sallet Slider layout
This is a frontend preview of Sallet Slider layout.
Apply further settings with Blog Designer Panel and enjoy your blog page with Sallet Slider layout!
Other
Blog Designer plugin features
Fully Responsive with all devices
Blog Designer templates are fully design and compatible with any devices to represent your beautiful blog page.
Shortcodes Support
With our shortcode generator, create one with your preferences. And with its flexibility use it any where you need. Place in a page, post or theme files where ever you want. To display blog on page using following shortcode [wp_blog_designer]
Cross Browser Support
Blog Templates are fully compatible with popular web browsers like Firefox, Chrome, Safari, Opera, etc.
Page Selection Option
Page selection option will allow you to showcase your blog posts with any page.
Manage Posts per Page
Manage number of posts per single page for your blog using user friendly simple interface.
Show/Hide Feature
Show/Hide your post category, tags, author, date, comment count of your posts according to your design.
Multiple Post Category Selection
Select multiple post category or custom taxonomy to show category wise posts.
50+ Blog Templates PRO!
We know, one layout doesn’t satisfy all. And we have come up with different layouts. Choose the template you want to use while creating the layout.
Alternative Background Color
Select alternative background color for posts which allow to show alternative background of post.
Blog Layout Settings
With our easy setting panel, Style your content with wide variety of options like text color, font size, font family, background etc. to match you site design.
Post Content Length
Maintain post content length as summary text or show full description on blog page with posts.
Read More Text
Manage your “Read More” text and design your read more text for blog posts.
Social Share Buttons
Default and Custom(Square/Circle) social share buttons integration allow to share with count your posts on social sites like facebook,twitter etc.
Multilingual Translation Ready
Plugin will use in any languages due to its multilingual feature.
Easy Customization PRO!
Multiple Blog Layout, easy settings panel. Still not enough ? Just use the hooks/filter to your WordPress theme and customize as need.
Premium Support
We’re active for any support issues and feature suggestions. Please contact us at support.solwininfotech.com
Import & Export Layout PRO!
Easily import and export layouts to save your valuable time.
post type selection option PRO!
post type selection option will allow you to showcase your custom post type posts on your page.
Column option PRO!
Different Columns(2,3,4) options for grid Layout
Duplicate Layouts PRO!
User can save time by using the duplicate feature. It will make duplicate of the blog layout.
Preview Blog page PRO!
Preview each and every post layout at the time of creation and modify it and save valuable time
Single post layout PRO!
Single Post design to select the template for creating the single post layout.
Support of Related Post PRO!
Show related post on single post page using category and tag filter with show post option.
Customization of related post title PRO!
Change text of related post with your desire title.
Pinterest Share in Featured Image PRO!
Share your feature image with pinterest using Pinterest Share option.
Tag Selection PRO!
Using Pro version you can show filter posts using tag also.
Enable/Disable Social Media
Option to enable/disable social media on blog design.
Show/Hide Post Navigation PRO!
You can show/hide post navigation on single post page.
Category/Tag Layout Design PRO!
Multiple layout for individual categories and tags.
Author Page Design PRO!
Unique design for Author and other Archive page.
Google Font Support PRO!
Enjoy favorite font by Google Font suuport.
Enable/Disable link in Post Title PRO!
Handle post title link enable and disable from backend.
Import/Export Archive Template PRO!
Plugin supports Archive templates with import/export functionality.
Share Text in Single Post PRO!
Add Share text in single post page for better UI.
Pagination Settings
Plugin supports pagination settings for blog posts.
FAQ
1. Is Blog designer provide some default blog layouts?
Yes, Blog designer provide 15 default layouts – Boxy-Clean, Classical, Crayon-Slider, Light Breeze, Spektrum, Evolution, Timeline, Media Grid, Blog Carousel, Blog Grid Box, Sallet Slider, Ticker, Glossary, Lightbreeze 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.

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.
Where Blog Designer plugin is useful ?
- 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.
-
Step 1. Install Poedit
tool and open it
-
Step 2. Open .POT file from
/wp-content/plugins/blog-designer/languages/
that you want to translate
-
Step 3. Now, click on "Save"
-
Step 4. Then one popup will be appear and then enter your Language
code ( Ex :- "ca_CA" for English (Canada)) in language option
-
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.
-
Step 6. Then press ok button.
-
Step 7. Then give file name like this
wp_blog_designer-ca_CA.po
for English (Canada) language.
-
Step 8. Then save file inside language folder in plugin that you
want to translate and all strings are appear in your poedit editor
-
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
-
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.
-
Step 11. Repeat step 10 untill your all strings to be
translate.
-
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.
-
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.
-
Step 14. Select language from admin side, Go to Dashboard
» Settings » General in that check Site Language
options.
-
Step 15. Check language prefix in front end, view HTML.
Upgrade Blog designer Free to pro version
- Buy Now on Codecanyon
You can upgrade Blog Designer Plugin using 1 of the two ways below.
1. Upgrade Via WordPress Admin area
- Step 1. Log in to your WordPress admin area.
- Step 2. Click on the left plugin menu.
- Step 3. Now at top you can see the Add New button, click the button.
- Step 4. Again at top you can see/view Upload Plugin button, click the button.
- 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".




2. Upgrade Via FTP
- Step 1. Download Blog Designer PRO plugin zip file (blog-designer-pro.zip) from Codecanyon
- 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)
- Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
- Step 4. Go to Dashboard » Plugins » Installed Plugins and find Blog Designer Pro from plugin list.
- 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!





Social Share Settings
1. Social Share Style
Default and Custom social share button option.
2. Available Icon Themes
Show 10 predefined different social sharing icons for layouts.
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. Linkedin Share Link
This option allows you to hide/show linkedin share on blog page.
6. Pinterest Share link
This option allows you to hide/show pinterest share on blog page.
7. Twitter Share Link
This option allows you to hide/show twitter share on blog page.
8. Pinterest Share Button with Featured Image
To display an pinterest share button with featured image in the posts.
9. Pocket Share Link
To display a pocket share option in the posts.
10. Telegram Share Link
To display a telegram share option in the posts.
11. WhatsApp Share Link
To display whatsApp share option in the posts.
12. Reddit Share Link
To display reddit share option in the posts.
13. Tumblr Share Link
To display Tumblr share option in the posts.
14. Skype Share Share Link
To display Skype share option in the posts.
15. WordPress Share Link
To display WordPress share option in the posts.