Blog Designer PRO WordPress Plugin Help Document

Introduction

We appreciate your decision of using our Blog Designer Plugin. Thanks you for purchasing Blog Designer PRO plugin for WordPress.

This document has been written in such a way that it can be easily understood by beginners as well as advanced users or developers. The document has been divided into 3 main sections.

1) Getting Started : This section will be very helpful to Quick start and understand how plugin works
2) Detailed Document : This section explains every thing about Blog Designer PRO plugin with every settings.
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 Pro
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

Please extract that downloaded zip in your local pc. There ware 2 items inside it.

  1. 1) blog-designer-pro-document.zip
  2. 2) blog-designer-pro.zip

You need to select that blog-designer-pro.zip

1. Installation Via WordPress Admin area

  1. Step 1. Login 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. Now upload the plugin zip file (blog-designer-pro.zip). After upload, install the zip and click on "Activate Plugin".

Plugin Installation

Plugin Upload

Plugin Upload

Plugin Installation

2. Installation Via FTP

  1. Step 1. Extract Zip file. It will create "Blog Designer Pro" folder with all plugin files & folder inside it. (Remember extracted folder path)
  2. Step 2. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  3. Step 3. Go to Dashboard » Plugins » Installed Plugins and find Blog Designer Pro from plugin list.
  4. Step 4. Click on Activate to activate Blog Designer Pro.
Before going to the detail document, preview the Quick Guide and One Click Blog of the Blog Designer.

Quick Guide

Quick guide will help you to easily setup your blog page layout in 3 easy steps within 1 to 2 minutes. However, you can set it up in only 2 steps. 3rd step is required only in certain conditions like direct shortcode usage.

Please follow this quick steps.

Create a new Blog Page

Create a new blog layout

Please follow below steps.

NOTE: If you are using old version of Blog Designer PRO then first update your plugin copy.

Upgrade Lite to Pro

If you are using Blog Designer lite version and you want to move on Pro version then you can directly do it from your dashboard as shown below.

Upgrade Lite to Pro

After clicking on Upgrade to PRO Button it will redirect to codecanyon.net Blog Designer PRO plugin page where you can purchase the PRO version.


After installing and activating the pro version of blog designer plugin you get one notification in your dashboard link "Blog Designer PRO Data Update".

It will update your current blog layout setting related to the PRO version.

Run The Updater

One Click Setup

One Click setup will help you to easily setup sample blog page and blog layout in just one simple click within 1 to 2 minutes.

One Click Setup

After clicking on Create Layout button it will create a sample blog layout in layouts section and also create a new page which will include shortcode in page content in pages section.

Sample Blog Layout

Sample Blog Layout

Sample Blog Page

Sample Blog Page

Detail Document




Create a New Layout

  1. Step 1. Go to Dashboard » Blog Designer
  2. Step 2. Click on "Create New Layout" Button.
  3. Create new layout
  4. Step 3. Fill all the settings as per your preferences.
  5. Step 4. Click on "Save Settings" button at the bottom of page and enjoy the Blog Layout.

Blog Layout Settings




General Settings

General Settings

1. Blog Designs

Template design option to select the template for creating the blog layout.

2. Template Color Preset

Color preset to add the color combination to your selected template.

3. Layout Name

Unique layout name to identify your blog layout on listing page.

4. Display Timeline Layout

This option provides 4 different values:

  • Default Layout: This option displays the timeline layout in 2 columns on the left and right side.
  • Left Side: This option displays the timeline layout in 1 column on the left side.
  • Right Side: This option displays the timeline layout in 1 column on the right side.
  • Center: This option displays the timeline layout in 1 column in the center.
NOTE: Display Timeline Layout option displays only in "Timeline template".

5. Post Display Year Or Months Wise

This option displays If you select 'Order By' Publish Date or Modified Date provides 3 different values:

  • Select Option: This option displays default design of blog if order by Publish Date or Modified Date.
  • Display Months: This option displays the timeline layout Month Wise.
  • Display Years: This option displays the timeline layout Year Wise.
NOTE: Post Display Year Or Months Wise option displays only in "Timeline template".

6. Year Or Month Display BackGround Color

This option Display If you select Order By Publish Date or Modified Date and you select Post Display Year Or Months Wise Display Year or Display Months

NOTE: Year Or Month Display BackGround Color option displays only in "Timeline template".

7. Select Post type

The post type selection option will allow you to display your custom post type posts on your page.

8. Select Page for Blog

Page selection option will allow you to display your posts on the selected page.

9. Blog Pages Show at Most

Manage the number of posts to display on a single page.

10. Blog Order by

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

  • Blog order by Author name
  • Blog order by Post like

11. Pagination Type

This option provides 4 different values:

  • No pagination: This option does not display pagination on the page.
  • Paged: This option display pagination on the page.
  • Load More: This option adds loads more button and via Ajax add more posts on the same page.
  • Load On Scroll: This option adds loads posts On page Scroll via Ajax on the same page.

12. Select Post Categories

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

If you don't check the "Exclude Selected Category" checkbox, it will display only the list of posts that are contained the selected category from the list.

If you check the "Exclude Selected Category" checkbox, it will display only the list of posts that are not contain the selected category from the list.

13. Select Post Tags

Select tags to display tag wise posts on a page.

If you don't check the "Exclude Selected Tag" checkbox, it will display only the list of posts that are contained the selected tags from the list.

If you check the "Exclude Selected Tag" checkbox, it will display only the list of posts that are not contain the selected tags from the list.

14. Select Post Authors

Select authors to display author wise posts on a page.

If you don't check the "Exclude Selected Author" checkbox, it will display only the list of posts that are contained the selected authors from the list.

If you check the "Exclude Selected Author" checkbox, it will display only the list of posts that are not contain the selected authors from the list.

15. Blog Posts Within Time Period

Display posts within time period like today, tomorrow, this week, last week, next week, this month, last month, next month, between two dates, last N days and next N days.

16. Display Post Category

To display post category, simply select the yes option otherwise no.

  • Disable Link for Categories
    • Select checkbox to disable link of category in blog layout
  • Display Filter for Categories
    • Select checkbox to display filter by category option in blog page
    NOTE: Display Filter by Categories option displays only in Overlay Horizontal layout and Cool Horizontal layout template.

17. Display Post Tag

To display post tag, simply select the yes option otherwise no.

  • Disable Link for Tags
    • Select checkbox to disable link of post tag in blog layout

18. Display Author

To display author of post, simply select the yes option otherwise no.

  • Disable Link for Author
    • Select checkbox to disable link of Author in blog layout

19. Display Date

To display date, simply select the yes option otherwise no.

  • Disable Link for Publish Date
    • Select checkbox to disable link of date in blog layout
  • Display Filter for Date
    • Select checkbox to display filter by date option in blog page
    NOTE: Display Filter by Date option displays only in Overlay Horizontal layout and Cool Horizontal layout template.

20. Display Comment Count

To display total no. of comments according to posts, simply select the 'yes' option otherwise select 'no'.

  • Disable Link for Comments Form
    • Select checkbox to disable link of comment in blog layout

21. Display Post Like

To display total number of post like according to posts.

22. Custom Css

To apply own css to specific content.

Example: If you want dark background in story template same like our live demo then add your css in custom css settings. Custom css

Here 'site-main' is the upper level wrapper class of the blog template.
You have to add your blog template's wrapper class to set the background.

Horizontal Timeline Settings

NOTE: Timeline Settings is only for "Cool Horizontal" and "Overlay Horizontal" blog template.
Timeline Settings

1. Hide Timeline Bar

To display Timeline Bar in timeline template, simply select the yes option otherwise no.

2. Active Post

To start timeline layout with some specific post, select that post using Active post.

3. Effect

To set the transition effect in blog layout, select the effect from the already available effects.

4. Item Width

To set the width of the post, use item width option.

5. Image Height

To set the height of the image, use image height option.

6. Margin between Blog Post (px)

To set margin between timeline and blogpost, use margin between blog post option.

7. Enable Autoslide

To slide posts automatic in timeline template, simply select the yes option otherwise no.

8. Scrolling Speed

To set the slide speed use scrolling speed option.

Standard Settings

Standard Settings

1. Main Container Class Name

Enter main blog container class name.

2. Blog Unique Design

Check to enable blog first post unique layout.

3. Select Unique Design for first post or Featured posts

Select post option to set Select Unique Design for first post or featured posts.

4. Blog Grid Columns (Desktop - Above 980px)

This option provides 4 different values for grid templates in Desktop view:

5. Blog Grid Columns (iPad - 720px - 980px)

This option provides 4 different values for grid templates in iPad view:

6. Blog Grid Columns (Tablet - 480px - 720px)

This option provides 4 different values for grid templates in Tablet view:

7. Blog Grid Columns (Mobile - Smaller Than 480px)

This option provides 4 different values for grid templates in Mobile view:

NOTE: Blog Columns option displays only in "Boxy Template, Boxy Clean Template, Brit Co Template, Chapter Template, Media Grid Template, Glossary Template".

8. Blog Posts Template Color

To set the color on specific div based on template.

NOTE: Template color option is available only in "Classical, Boxy Clean and Timeline blog template".

9. Background Color for Blog Posts

To set the post background color using the color picker.

NOTE: Background color option is available only in "Boxy, Boxy Clean, Glossary, Navia, Timeline, Offer Blog and Spektrum blog template".

10. Alternative Background Color

To set the alternative post background color, simply select the yes option otherwise no.

NOTE: Alternative Background Color option is available only in "Region Template, News Template, Evolution Template, Lightbreeze Template, Winter Template".

11. Choose Alternative Background Color

To set the alternative post background color using the color picker.

NOTE: Choose Alternative Background Color option displays only when Alternative Background Color option is selected.

12. Story Startup Text

To write Story Startup Text.

NOTE: Story Startup Text option displays only in "Story Template".

13. Story Startup Background Color

To select the startup Background color using the color picker.

NOTE: Story Startup Background Color option displays only in "Story Template".

14. Story Startup Text Color

To select the startup text color using the color picker.

NOTE: Story Startup Text Color option displays only in "Story Template".

15. Story Ending Text

To Write Story Ending Text.

NOTE: Story Ending Text option displays if you select Pagination Type NO Pagination only in "Story Template".

16. Story Ending Link

To Add Story Ending Link.

NOTE: Story Ending Link option displays if you select Pagination Type NO Pagination only in "Story Template".

17. Story Ending Background Color

To select the story ending background color using the color picker.

NOTE: Story Ending Background Color option displays if you select Pagination Type NO Pagination only in "Story Template".

18. Story Ending Text Color

To select the story ending text color using the color picker.

NOTE: Story Ending Text Color option displays if you select Pagination Type NO Pagination only in "Story Template".

19. Choose Link Color

To select the link color using the color picker.

20. Choose Link Hover Color

To select the link hover color using the color picker.

21. Blog Unique Design

To apply unique design to blog.

NOTE: Blog Unique Design option available only in "Navia Template, Boxy clean Template, Invert grid Template, Deport Template, Media grid Template, News Template".

22. Select Unique Design for first post or Featured posts

To select unique design apply to first post or featured posts.

NOTE: Select Unique Design for first post or Featured posts option available only in "Navia Template, Boxy clean Template, Invert grid Template, Deport Template, Media grid Template, News Template".

23. Blog Grid Height

To set Grid height on specific div on template.

NOTE: Blog Grid Height option available only in "Explore Template, Hoverbic Template".

24. Blog Grid Skin

To select Grid skin from available options..

NOTE: Blog Grid Skin option available only in "Explore Template".

25. Blog Grid column space

To select Grid column space or add space in input box in pixels.

NOTE: Blog Grid column space option available only in "Explore Template, Hoverbic Template".

26. Blog Posts hover Background Color

To set the color of post hover background color.

NOTE: Blog Posts hover Background Color option available only in "Explore Template, Hoverbic Template".

27. Background Hover Color for Blog Posts

To set the color of post hover background color.

NOTE: Background hover Color for Blog Posts option available only in "Boxy clean Template".

28. Choose Dash Color

To select dash color using color picker.

NOTE: Choose Dash Color option available only in "Deport Template".

29. Choose Category Background Color

To select the category background color using the color picker.

NOTE: Choose Category Background Color option available only in "Winter Template".

Title Settings

Title Settings

1. Post Title Link

To enable and disable the link from post title.

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.

4. Post Title Background Color

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

5. Post Title Font Family

To select the post title font family from available font family options. This option updated with Google Font Family Option.

6. Post Title Font Size

To select the post title font size from available font size options.

7. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

post Content Settings

Content Settings

1. For each Article in a Feed, Show

To display full text for each post, select full text option, otherwise select the summary option.

2. Show Content From

To display text from post content or from post excerpt.

NOTE: If Post Excerpt is empty then Content will be populated automatically from Post Content.

3. Display HTML tags with Summary

To display First letter of post content large size.

4. First letter of post content as big one

To display First letter of post content large size.

5. First letter of Post Content Font Size

To Select font size of First letter of post content from available font size options.

6. First letter of Post Content Color

To select color of First letter of post content using color picker.

7. First letter of Post Content Font Family

To select the First letter of Post Content font family from available font family options. This option updated with Google Font Family Option.

8. Post Content Font Size

To select the post content font size from available font size options.

9. Post Content Font Family

To select the Post Content font family from available font family options. This option updated with Google Font Family Option.

10. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

11. Post Content Color

To select the post content color using the color picker.

12. Post Content Section Hover Background Color

To select the post content hover background color.

NOTE: Hover Background Color option is available only on specific template like "Glossary Template".

13. Use Read more Color Selection on Date

To apply read more color options same for date.

NOTE: Use Read more Color Selection on Date option is available only on specific template like "Spektrum Template".
NOTE: Below option is available only when the summary option is selected.

14. Post Content Length

To Manage your post content length, in words.

15. Read More Text

To Manage your “Read More” text for posts.

16. Read More Text Color

To set the text color for “Read More” text using the color picker.

17. Read More Text Background Color

To set the background color for “Read More” text using the color picker.

Media Settings

Media Settings

1. Display Post Feature Image

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

NOTE: Display Post Feature Image option is available only when the Easy Timeline template is selected.

2. Effect

To apply effect from available options.

NOTE: Effect option is available in "Easy timeline template" only.

3. Post Thumbnail Skin

To select Post Thumbnail Skin from square or circle.

NOTE: Post Thumbnail Skin option is available only on specific template like "Deport template, News template, Story template".

4. Post Image Link

To display blog post feature image as link use post image link option.

5. Select Post Default Image

Select the order of display post according to different field 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.

6. Select Post Media Size

Set the size of Blog Post featured image

7. Add Custom Size

Add the custom height and width of Blog Post featured image

NOTE: The options Select Post Media Size and Add Custom Size are not display in Explorer Layout, Hoverbic layout, Cool Horizontal Layout, and Overlay Horizontal Layout Templates.

8. Blog designer pro provide below types of featured image size for blog layout

  • Original Resolution
  • thumbnail (150x150)
  • medium (300x300)
  • large (1024x1024)
  • news-thumb (300x300)
  • related-post-thumb (640x300)
  • invert-grid-thumb (640x320)
  • deport-thumb (640x520)
  • deport-thumbnail (640x640)
  • brit_co_img (580x255)
  • easy_timeline_img (500x300)
  • Custom Size

Custom Read More Settings

Custom Read More Settings

1. Display Custom Read More

Display custom read more text before loop or after loop.

2. Custom Read More Text

Enter custom read more text to show in front.

3. Custom Read More Text Link

Provide link to custom read more text.

4. Open Link

Open custom read more link in new tab or in same tab.

5. Custom Read More Text Color

Apply color to read more text.

6. Custom Read More Text Background Color

Apply background color to read more text.

7. Custom Read More Text Hover Color

Apply hover color to read more text.

8. Custom Read More Text Hover Background Color

Apply hover background color to read more text.

9. Custom Read More Text Font Family

Apply custom read more text font family.

10. Custom Read More Text Font Size

Apply text font size of custom read more text.

11. Custom Read More Text Style Options

Custom read more text style options like font-weight, line height etc.

Slider Settings

NOTE: Slider Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.
Slider Settings

1. Slider Effect

Set Slider animation Effect.

2. Slider Columns (Desktop - Above 980px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

3. Slider Columns (iPad - 720px - 980px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

4. Slider Columns (Tablet - 480px - 720px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

5. Slider Columns (Mobile - Smaller Than 480px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

6. Slider to Scroll

Select how many slide scroll.

6. Display Slider Navigation

Display Slider navigations.

6. Select Slider Navigation

Select slider navigation buttons.

7. Display Slider Controls

Display sliders controls.

8. Select Slider Controls

Select sliders controls arrows.

9. Slider Autoplay

Select slider autoplay mode.

10. Slider Autoplay Intervals

Enter autoplay intervals in microseconds. (i.e. 3000).

11. Slider Speed

Enter slider speed in microseconds.

Social Share Settings

Social Share Settings

1. Social Share Style

Default and Custom social share button option.

NOTE: Available Icon Themes option is available only when the default option for social share style is Selected.

2. Available Icon Themes

Show 10 predefined different social sharing icons for layouts.

NOTE: Shape of Social Icon and Size of Social Icon option is available only when the custom option for social share style is Selected.

3. Shape of Social Icon

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

4. Size of Social Icon

To manage the size of a social icon as large or small or extra small.

5. Facebook Share Link

To display a Facebook share option in the posts.To hide Facebook share count, hide Facebook share count option is also available.

6. Google+ Share Link

To display a Google+ share option in the posts.To hide Google+ share count, hide Google+ share count option is also available.

7. Linkedin Share Link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

8. Pinterest Share link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

9. Pinterest Share Button with Featured Image

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

10. Twitter Share Link

To display a twitter share option in the posts.

11. Pocket Share Link

To display a pocket share option in the posts.

12. Telegram Share Link

To display a telegram share option in the posts.

13. WhatsApp Share Link

To display whatsApp share option in the posts.

14. Reddit Share Link

To display reddit share option in the posts.

15. Tumblr Share Link

To display Tumblr share option in the posts.

16. Skype Share Share Link

To display Skype share option in the posts.

17. WordPress Share Link

To display WordPress share option in the posts.

18. Share Via Mail

To display a share via mail option in the posts.

19. Mail Share Content

To create custom Email message format for mail sharing option.

20. Social Share Count Position

This option provides 3 different values:

  • Bottom: Display share count on the bottom of the icon.
  • Right: Display share count on the right side of the icon.
  • Top: Display share count on the top of the icon.

Show Preview

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

Show Preview Show Preview

Create New Archive Layout

Step 1. Go to Dashboard » Blog Designer » Archive Layouts

Step 2. Click on "Create New Archive Layout" Button. Add Archive Layout Step 3. Fill all the settings as per your preferences.

Step 4. Click on "Save Changes" button at bottom of page. And Enjoy the Blog Archive Layout.

Archive Layout Settings




General Settings

General Settings | Archive Layout

1. Archive Designs

Template design option to select the template for creating the archive layout.

2. Template Color Preset

Color preset to add color combination to your selected template.

Unique layout name to identify your archive layout on listing page.

3. Archive Layout Name

Unique layout name to identify your archive layout on listing page.

4. Display Timeline Layout

This option provides 4 different values:

NOTE: Display Timeline Layout option displays only in "Timeline template".

5. Post Display Year Or Months Wise

This option Display If you select Order By Publish Date or Modified Date provides 3 different values:

NOTE: Post Display Year Or Months Wise option displays only in "Timeline template".

6. Year Or Month Display BackGround Color

This option Display If you select Order By Publish Date or Modified Date and you select Post Display Year Or Months Wise Display Year or Display Months

NOTE: Year Or Month Display BackGround Color option displays only in "Timeline template".

7. Select Archive Type

Select Archive Type option allows you to select Archive Type like Category page, Tag page, Author page, Date page, and Search sage.

You can make 30+ different archive page layout design of above 4 different pages. It's amazing!

8. Blog Pages Show at Most

Manage the number of posts to display on archive pages.

9. Blog Order by

Select the order of display post according to different field 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.

10. Pagination Type

This option provides 2 different values:

11. Select Post Tags

Select tags to display tag wise posts on archive page. If Select Archive Type select as Tag.

Select post category to display category wise posts on archive page. If Select Archive Type select as Category.

NOTE: You can't select both category and tag in archive page, it will depends on 'Select Archive Type' option, when you select Archive Type as Category then 'Select Post Categories' section will display and if select as Tag page then 'Select Post Tag' section will display. Author and date archive page will not display both sections Select Post Categories & Select Archive Type because in these pages author and date wise posts will display.

12. Display Post Category

To display post category, simply select the Yes option otherwise No.

13. Display Post Tag

To display post tag, simply select the Yes option otherwise No.

14. Display Author

To display author of post, simply select the Yes option otherwise No.

15. Display Post Published Year

To display Post Published Year, simply select the Yes option otherwise No.

16. Display Post Published Date

To display post published date, simply select the Yes option otherwise No.

17. Display Comment Count

To display total no. of comment according to posts, simply select the Yes option otherwise No.

18. Display Post Like

To display total no. of like according to posts, simply select the yes option otherwise no.

19. Custom Css

To apply own css to specific content.

Timeline Settings

NOTE: Timeline Settings is only for "Cool Horizontal and Overlay Horizontal" blog Template.
Timeline Settings

1. Hide Timeline Bar

To display Timeline Bar in timeline template, simply select the yes option otherwise no.

2. Active Post

To start timeline layout with some specific post, select that post using Active post.

3. Effect

To set the transition effect in blog layout, select the effect from the already available effects.

4. Item Width

To set the width of the post, use item width option.

5. Image Height

To set the height of the image, use image height option.

6. Margin between Blog Post (px)

To set margin between timeline and blogpost, use margin between blog post option.

7. Enable Autoslide

To slide posts automatic in timeline template, simply select the yes option otherwise no.

8. Scrolling Speed

To set the slide speed use scrolling speed option.

Standard Settings

Standard Settings

1. Main Container Class Name

Enter main blog container class name.

2. Blog Unique Design

Check to enable blog first post unique layout.

Enter main blog container class name.

3. Select Unique Design for first post or Featured posts

Select post option to set Select Unique Design for first post or featured posts.

4. Blog Grid Columns (Desktop - Above 980px)

This option provides 4 different values for grid templates in Desktop view:

5. Blog Grid Columns (iPad - 720px - 980px)

This option provides 4 different values for grid templates in iPad view:

6. Blog Grid Columns (Tablet - 480px - 720px)

This option provides 4 different values for grid templates in Tablet view:

7. Blog Grid Columns (Mobile - Smaller Than 480px)

This option provides 4 different values for grid templates in Mobile view:

NOTE: Blog Columns option displays only in "Boxy Template, Boxy Clean Template, Brit Co Template, Chapter Template, Media Grid Template, Glossary Template".

8. Blog Posts Template Color

To set the color on specific div based on template.

NOTE: Template color option is available only in "Classical, Boxy Clean and Timeline blog template".

9. Background Color for Blog Posts

To set the post background color using the color picker.

NOTE: Background color option is available only in "Boxy, Boxy Clean, Glossary, Navia, Timeline, Offer Blog and Spektrum blog template".

10. Alternative Background Color

To set the alternative post background color, simply select the yes option otherwise no.

NOTE: Alternative Background Color option is available only in "Region Template, News Template, Evolution Template, Lightbreeze Template, Winter Template".

11. Choose Alternative Background Color

To set the alternative post background color using the color picker.

NOTE: Choose Alternative Background Color option displays only when Alternative Background Color option is selected.

12. Story Startup Text

To write Story Startup Text.

NOTE: Story Startup Text option displays only in "Story Template".

13. Story Startup Background Color

To select the startup Background color using the color picker.

NOTE: Story Startup Background Color option displays only in "Story Template".

14. Story Startup Text Color

To select the startup text color using the color picker.

NOTE: Story Startup Text Color option displays only in "Story Template".

15. Story Ending Text

To Write Story Ending Text.

NOTE: Story Ending Text option displays if you select Pagination Type NO Pagination only in "Story Template".

16. Story Ending Link

To Add Story Ending Link.

NOTE: Story Ending Link option displays if you select Pagination Type NO Pagination only in "Story Template".

17. Story Ending Background Color

To select the story ending background color using the color picker.

NOTE: Story Ending Background Color option displays if you select Pagination Type NO Pagination only in "Story Template".

18. Story Ending Text Color

To select the story ending text color using the color picker.

NOTE: Story Ending Text Color option displays if you select Pagination Type NO Pagination only in "Story Template".

19. Choose Link Color

To select the link color using the color picker.

20. Choose Link Hover Color

To select the link hover color using the color picker.

NOTE: Choose Link Hover Color option is available only in "Offer Blog Template, News Template, Boxy Template, Classical Template, Lightbreeze Template, Timeline Template".

21. Blog Unique Design

To apply unique design to blog.

NOTE: Blog Unique Design option is available only in "Navia Template, Boxy clean Template, Invert grid Template, Deport Template, Media grid Template, News Template."

22. Select Unique Design for first post or Featured posts

To select unique design apply to first post or featured posts.

NOTE: Select Unique Design for first post or Featured posts option available only in "Navia Template, Boxy clean Template, Invert grid Template, Deport Template, Media grid Template, News Template".

23. Blog Grid Height

To set Grid height on specific div on template.

NOTE: Blog Grid Height option available only in "Explore Template, Hoverbic Template".

24. Blog Grid Skin

To select Grid skin from available options..

NOTE: Blog Grid Skin option available only in "Explore Template".

25. Blog Grid column space

To select Grid column space or add space in input box in pixels.

NOTE: Blog Grid column space option available only in "Explore Template, Hoverbic Template".

26. Blog Posts hover Background Color

To set the color of post hover background color.

NOTE: Blog Posts hover Background Color option available only in "Explore Template, Hoverbic Template".

27. Background Hover Color for Blog Posts

To set the color of post hover background color.

NOTE: Background hover Color for Blog Posts option available only in "Boxy clean Template".

28. Choose Dash Color

To select dash color using color picker.

NOTE: Choose Dash Color option available only in "Deport Template".

29. Choose Category Background Color

To select the category background color using the color picker.

NOTE: Choose Category Background Color option available only in "Winter Template".

Author Data Settings

Author Data Settings

1. Display Author Data

To display author data at the top of the author archive page, simply select the Yes option otherwise No.

2. Author Box Background Color

Set author box background color using color picker.

3. Display Author Title

If you want to add prefix or suffix or both to the author name, simply write the text here.

NOTE: Use [author] to display author name dynamically.

4. Author Title Color

Set author title color using color picker.

5. Author Title Font Size

Select font size of the author title.

6. Author Title font family

Select font family of the author title. This option updated with Google Font Family Option.

7. Author Title Font Style Options

Select font family of the author title. This option updated with Google Font Family Option.

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

NOTE: Author Data Settings section will display only, if you select 'author' value in Select Archive Page option.

Post Title Settings

Archive Title Settings

1. Post Title Link

Posts title will display with link(permalink) if enabled otherwise display title without link(permalink).

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.

4. Post Title Background Color

To select the post title background color using the color picker. if do not want to set background color in posts title, simply click on clear and leave it blank.

5. Post Title Font Family

To select the post title font family from available font family options. This option updated with Google Font Family Option.

6. Post Title Font Size

To select the post title font size from available font size options.

7. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

Content Settings

Content Settings

1. For each Article in a Feed, Show

To display full text for each post, select full text option, otherwise select the summary option.

2. Show Content From

To display text from post content or from post excerpt.

NOTE: If Post Excerpt is empty then Content will get automatically from Post Content.

3. Display HTML tags with Summary

To display First letter of post content large size.

4. First letter of post content as big one

To display First letter of post content large size.

5. First letter of Post Content Font Size

To Select font size of First letter of post content from available font size options.

6. First letter of Post Content Color

To select color of First letter of post content using color picker.

7. First letter of Post Content Font Family

To select First letter of post content font family from available font family options. This option updated with Google Font Family Option.

8. Post Content Font Size

To select the post content font size from available font size options.

9. Post Content Color

To select the post content color using the color picker.

10. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

11. Post Content Section Hover Background Color

To select hover background color for post content.

NOTE: Hover Background Color option is available only on specific template like "Glossary template".

12. Use Read more Color Selection on Date

To apply read more color options same for date.

NOTE: Use Read more Color Selection on Date option is available only on specific template like "Spektrum template".
NOTE: Below option is available only when the summary option is selected.

13. Post Content Length

To Manage your post content length, in words.

14. Post Content Font Family

To select post content font family from available font family options. This option updated with Google Font Family Option.

15. Read More Text

To Manage your “Read More” text for posts.

16. Read More Text Color

To set the text color for “Read More” text using the color picker.

17. Read More Text Background Color

To set the background color for “Read More” text using the color picker.

Media Settings

Media Settings

1. Display Post Feature Image

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

NOTE: Display Post Feature Image option is available only when the Easy Timeline template is selected.

2. Effect

To apply effect from available options.

NOTE: Effect option is available in "Easy timeline template" only.

3. Post Thumbnail Skin

To select Post Thumbnail Skin from square or circle.

NOTE: Post Thumbnail Skin option is available only on specific templates like "Deport template, News template, Story template".

4. Post Image Link

To display blog post feature image as link use post image link option.

5. 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.

6. Select Post Media Size

Set the size of Blog Post featured image

7. Add Custom Size

Add the custom height and width of Blog Post featured image

NOTE: The options Select Post Media Size and Add Custom Size are not display in Explorer Layout, Hoverbic layout, Cool Horizontal Layout, and Overlay Horizontal Layout Templates.

8. Blog designer pro provide below types of featured image size for blog layout

  • Original Resolution
  • thumbnail (150x150)
  • medium (300x300)
  • large (1024x1024)
  • news-thumb (300x300)
  • related-post-thumb (640x300)
  • invert-grid-thumb (640x320)
  • deport-thumb (640x520)
  • deport-thumbnail (640x640)
  • brit_co_img (580x255)
  • easy_timeline_img (500x300)
  • Custom Size

Slider Settings

NOTE: Slider Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.
Slider Settings

1. Slider Effect

Set Slider animation Effect.

2. Slider Columns (Desktop - Above 980px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

3. Slider Columns (iPad - 720px - 980px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Crayon Slider, Sallet Slider and Sunshiny Slider" Template.

4. Slider Columns (Tablet - 480px - 720px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Sunshiny Slider" Template.

5. Slider Columns (Mobile - Smaller Than 480px)

Set Slider column layout for Desktop screen.

NOTE: Slider layout Settings is only for "Sunshiny Slider" Template.

6. Slider to Scroll

Select how many slide scroll.

6. Display Slider Navigation

Display Slider navigations.

6. Select Slider Navigation

Select slider navigation buttons.

7. Display Slider Controls

Display sliders controls.

8. Select Slider Controls

Select sliders controls arrows.

9. Slider Autoplay

Select slider autoplay mode.

10. Slider Autoplay Intervals

Enter autoplay intervals in microseconds. (i.e. 3000).

11. Slider Speed

Enter slider speed in microseconds.

Social Share Settings

Social Share Settings

1. Social Share Style

Default and Custom social share button option.

NOTE: Available Icon Themes option is available only when the default option for social share style is Selected.

2. Available Icon Themes

Show 10 predefined different social sharing icons for layouts.

NOTE: Shape of Social Icon and Size of Social Icon option is available only when the custom option for social share style is Selected.

3. Shape of Social Icon

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

4. Size of Social Icon

To manage the size of a social icon as large or small or extra small.

5. Facebook Share Link

To display a Facebook share option in the posts.To hide Facebook share count, hide Facebook share count option is also available.

6. Google+ Share Link

To display a Google+ share option in the posts.To hide Google+ share count, hide Google+ share count option is also available.

7. Linkedin Share Link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

8. Pinterest Share link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

9. Pinterest Share Button with Featured Image

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

10. Twitter Share Link

To display a twitter share option in the posts.

11. Pocket Share Link

To display a pocket share option in the posts.

12. Telegram Share Link

To display a telegram share option in the posts.

13. WhatsApp Share Link

To display whatsApp share option in the posts.

14. Reddit Share Link

To display reddit share option in the posts.

15. Tumblr Share Link

To display Tumblr share option in the posts.

16. Skype Share Share Link

To display Skype share option in the posts.

17. WordPress Share Link

To display WordPress share option in the posts.

18. Share Via Mail

To display a share via mail option in the posts.

19. Mail Share Content

To crate create custom Email message format for mail sharing option.

20. Social Share Count Position

This option provides 3 different values:

  • Bottom: Display share count on the bottom of the icon.
  • Right: Display share count on the right side of the icon.
  • Top: Display share count on the top of the icon.

Show Preview

Show preview also available in archive pages. Click here to Show Preview

Create New Single Layout

Step 1. Go to Dashboard » Blog Designer » Single Layouts

Step 2. Click on "Create New Single Layout" Button. Add Single Layout Step 3. Fill all the settings as per your preferences.

Step 4. Click on "Save Changes" button at bottom of page. And Enjoy the Blog Single Layout.

Single Post Layout Settings




General Settings

Single Post General Settings

1. Single Post Designs

Single Post design option to select the template for creating the single post layout.

2. Template Color Preset

Color preset to add color combination to your selected template.

3. Single Layout Name

Unique layout name to identify your single layout on listing page.

4. Override Single Page Design

To Override the design of Single Page.

Note: Standard Settings, Title Settings, Content Settings, Related Post Settings, Social Share Settings and below options are available when you check "Override Single Page Design" option.

5. Select Single Page Override Type

This option allow you to select single page override type based on category, tag.

  • All Posts: Common setting for all posts.
  • Category Wise: Single post setting based category selection.
  • Tag Wise: Single post setting based on tag selection.

6. Display Post Category

To display post categories on single post page.

  • Disable Link for Categories
    • Select checkbox to disable link of post category in single layout

7. Display Post Tag

To display post tags on single post page.

  • Disable Link for Tags
    • Select checkbox to disable link of post tag in single layout

8. Display Author Tag

To display Author name on single post page.

  • Disable Link for Author
    • Select checkbox to disable link of post author in single layout

9. Display Post Published Year

To display post published year on single post page.

10. Display Post Published Date

To display post published date on single post page.

  • Disable Link for Publish Date
    • Select checkbox to disable link of post date in single layout

11. Display Comments

To display post comments count on single post page.

  • Disable Link for Comments Form
    • Select checkbox to disable link of post comment in single layout

12. Display Post Thumbnail

To display Post Thumbnail on single post page.

13. Display Post Like

To display total no. of like according to posts, simply select the yes option otherwise no.

14. Display Post Views

Display post views in single post layouts, Show Today's view or all views in single layout.

15. Custom CSS

To apply own css to specific content.

Standard Settings

Single Post Standard Settings

1. Background Color for Single Posts

To select the single post's background color using the color picker.

2. Single Post Template Color

To set the color on specific div based on single post template.

3. Choose Link Color

To select the link color using the color picker.

4. Choose Link Hover Color

To select the link hover color using the color picker.

5. Choose Category Background Color

To select the category background color using the color picker. This option is available only in Winter Template.

NOTE: According to layout design, some options are available only on selected templates.

6. Story Startup Text

To write Story Startup Text.

NOTE: Story Startup Text option displays only in "Story Template".

7. Story Startup Background Color

To select the startup Background color using the color picker.

NOTE: Story Startup Background Color option displays only in "Story Template".

8. Story Startup Text Color

To select the startup text color using the color picker.

NOTE: Story Startup Text Color option displays only in "Story Template".

Title Settings

Single Post Title Settings

1. Post Title Color

To select single post title color using the color picker.

2. Post Font Size

To select font size for single post title.

3. Post Title Font Family

To select font family for single post title. This option updated with Google Font Family Option.

4. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

Content Settings

Single Post Title Settings

1. First letter of post content as big one

To display First letter of post content large size.

2. First letter of Post Content Font Size

To Select font size of First letter of post content from available font size options.

3. First letter of Post Content Color

To select color of First letter of post content using color picker.

4. First letter of Post Content Font Family

To select the First letter of Post Content font family from available font family options. This option updated with Google Font Family Option.

5. Post Content Font Size

To select font size for single post content.

6. Post Content Font Family

To select the single post content font family from available font family options. This option updated with Google Font Family Option.

7. Post Content Color

To select single post content color using the color picker.

8. Post Title Font Style Options

  • Font Weight: To select the post title font weight from available font weight options.
  • Line Height: Add line height to the post title.
  • Italic Font Style: To apply italic font style to the post title.
  • Text Transform: To select the post title font transform from available font transform options.
  • Text Decoration: To select the post title font decoration from available font decoration options.
  • Letter Spacing: Add letter spacing in pixels to the post title.

Post Media Settings

Post Media Settings

1. Select Post Media Size

Set the size of single blog post featured image

Blog designer pro provide below types of featured image size for single post layout

  • Original Resolution
  • thumbnail (150x150)
  • medium (300x300)
  • large (1024x1024)
  • news-thumb (300x300)
  • related-post-thumb (640x300)
  • invert-grid-thumb (640x320)
  • deport-thumb (640x520)
  • deport-thumbnail (640x640)
  • brit_co_img (580x255)
  • easy_timeline_img (500x300)
  • Custom Size

Post Navigation (Next/Previous) Settings

Post Navigation (Next/Previous) Settings

1. Display Post Next/Previous Navigation

To display navigation(Next/Previous) section in single post, simply check Yes option otherwise No.

2. Display Post Navigation Title

To display navigation post's title in single post, simply check Yes option otherwise No.

3. Display Post Navigation Feature Image

To display post navigation featured image, simply check Yes option otherwise No.

4. Display Post Navigation Date

To display post navigation date, simply check Yes option otherwise No.

To change date format go to Dashboard » Settings » General » Date Format.

Author Data Settings


INFO : To change settings for single post, Click here to go Author Data Settings

Related Post Settings

Related Post Settings

1. Display Related Post On Single Page

Enable if display Related Post On Single Page.

Note: Below options are available when you check "Display Related Post On Single Page" option.

2. Related Post Title

Customize your related post title.

3. Related Post Title Font Size

Select font size to change related post title size.

4. Related Post Title Font Family

Select font family to change related post title font. This option updated with Google Font Family Option.

5. Related Post Title Color

Select related post title color.

6. Show Related Posts By

Display Related Posts By Tag or category wise.

7. Number Of Related Posts

Display Number Of Related Posts on single page and options are 2 post,3 post, or 4 post.

8. Post Content Length

Display number of words display in post content.

Social Share Settings

Social Share Settings

1. Social Share Style

Default and Custom social share button option.

NOTE: Available Icon Themes option is available only when the default option for social share style is Selected.

2. Available Icon Themes

Show 10 predefined different social sharing icons for layouts.

NOTE: Shape of Social Icon and Size of Social Icon option is available only when the custom option for social share style is Selected.

3. Shape of Social Icon

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

4. Size of Social Icon

To manage the size of a social icon as large or small or extra small.

5. Facebook Share Link

To display a Facebook share option in the posts.To hide Facebook share count, hide Facebook share count option is also available.

6. Google+ Share Link

To display a Google+ share option in the posts.To hide Google+ share count, hide Google+ share count option is also available.

7. Linkedin Share Link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

8. Pinterest Share link

To display a Linkedin share option in the posts.To hide Linkedin share count, hide Linkedin share count option is also available.

9. Pinterest Share Button with Featured Image

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

10. Twitter Share Link

To display a twitter share option in the posts.

11. Pocket Share Link

To display a pocket share option in the posts.

12. Telegram Share Link

To display a telegram share option in the posts.

13. WhatsApp Share Link

To display whatsApp share option in the posts.

14. Reddit Share Link

To display reddit share option in the posts.

15. Tumblr Share Link

To display Tumblr share option in the posts.

16. Skype Share Share Link

To display Skype share option in the posts.

17. WordPress Share Link

To display WordPress share option in the posts.

18. Share Via Mail

To display a share via mail option in the posts.

19. Mail Share Content

To crate create custom Email message format for mail sharing option.

20. Social Share Count Position

This option provides 3 different values:

  • Bottom: Display share count on the bottom of the icon.
  • Right: Display share count on the right side of the icon.
  • Top: Display share count on the top of the icon.

Override Archive Post Design

In Blog designer plugin, the design of archive post is according to WordPress default theme. It may not design proper with your current theme. To make it compatible with your current theme, Blog designer plugin gives facility to override archive post design.

Follow the below steps to override template

Step 1: Create new folder named 'bdp_templates' in your current active theme.
Step 2: Create new folder named 'archive' in newly created 'bdp_templates' folder.
Step 3: Copy your theme's archive.php file in above created 'archive' folder and remove code from main while loop start(while (have_posts()) : the_post();) to end(endwhile;).
Step 4: Open file archive.php from plugin path(wp-content/plugins/blog-designer-pro/bdp_templates/archive/archive.php). Copy code from main area(<main id="main" class="site-main" role="main">) and paste it in place of removed code of newly created file.

Override Single Post Design

In Blog designer plugin, the design of single post is according to WordPress default theme. It may not design proper with your current theme. To make it compatible with your current theme, Blog designer plugin gives facility to override single post design.

You can override a single post file by one of the two methods. Follow the below steps to override template

1: Override file using Plugin Editor

Step 1: Go to Dashboard » Blog Designer » Single File Override.
single file override
Step 2: Click on Copy File to theme Button, it will create single.php file in bdp_templates/single folder in your currently active theme

Step 3: Open created single.php file from theme path (wp-content/themes/your_active_theme/bdp_templates/single/single.php). Remove code before and after the main area(<main id="main" class="site-main" role="main">).( Delete the code OutSide the <main id="main" class="site-main" role="main"> )

Step 4: Open your theme's single.php file copy code before the main while loop start(while (have_posts()) : the_post();) and after the loop end(endwhile;).

Step 5: Paste it in place of removed code from newly created file.

2: Override file Manually

Step 1: Create new folder named 'bdp_templates' in your current active theme.

Step 2: Create new folder named 'single' in newly created 'bdp_templates' folder.

Step 3: Copy your theme's single.php file in above created 'single' folder and remove code from main while loop start(while (have_posts()) : the_post();) to end(endwhile;).

Step 4: Open file single.php from plugin path (wp-content/plugins/blog-designer-pro/bdp_templates/single/single.php). Copy code from main area(<main id="main" class="site-main" role="main">) and paste it in place of removed code of newly created file.

Checkout theme hacks: https://www.solwininfotech.com/knowledgebase/new-awesome-list-100-theme-hacks-free-blog-designer-pro-users/

Import & Export

1. Import

  1. Step 1. Go to Dashboard » Blog Designer » Import Layouts.
  2. Step 2. Now, Choose .txt file to import layouts.

Import Admin Screen

2. Export

  1. Step 1. Go to Dashboard » Blog Designer » Layouts.
  2. Step 2. Now, Check which layout you want to Export Layout and select the export option as shown in below images.
Layout Admin Screen

License Key

Active License Key for plugin

After verifying your plugin license key you can get automatic update notification on your wordpress dashboard for Blog Desigenr PRO Plugin.

Verify Plugin license

Other




Blog Designer plugin features

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. A popup will appear, 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/

FAQ

1. How can I get the Blog Designer Plugin design instead of theme design for the blog section on the blog page?

Step 1. Go to Dashboard » Settings » Reading.

Blog Page

2. Is it possible to override archive page with a blog designer pro? How?

Yes, Create a directory in theme directory name with bdp_templates, create another directory archive within bdp_templates directory, then simply copy paste archive.php from the plugin directory to theme directory.

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

Yes, there is one backend option to select multiple categories, blog designer shortcode will show post that selected categories only.

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

Yes, Social share setting available. With the help of this settings you can get multiple social share variation according your design.

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

Yes, you can. “Post Content 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.

7. Can I manage my “Read More” text on blog page?

Yes, you can change the text like View More, Continue Reading and you can decorate it also. i.e. font-size, background color, etc.

8. Can I modify my single blog page with blog designer?

Yes, there is a single layout page available. You can use that single page design out of 26 single post layout.

9. What is the key feature of single blog post?

There are lots of features. i.e. Related Post, Custom Post Support, Single Post Layout, Author Biography Management, etc.

10. I have one custom post type “movie”. Can I use blog designer for that?

Yes, Custom post type selection feature gives you the capability to show your listing with any custom post type.

11. I have one website with blog designer shortcodes, Can I copy from that?

Yes, we have import/export feature to copy blog designer layout.

12. Can you please give me a list as which blog templates are providing me Timeline features?

Cool Horizontal, Overlay Horizontal, Easy Timeline, Story and Timeline templates are providing Timeline Layout.

13. Can you please give me a list as which blog templates are providing me Grid features?

Hoverbic, Explore, Glossary, Brit Co, Boxy and Boxy Clean Templates are providing Grid Layout.

14. I am getting message like "Sorry, you are not allowed to access this page." while accessing Blog Designer panel. How can I resolve it?

There is a major update available with version 1.5. According to that changes, some backend links are updated with new URL. Please try "http://yoursitename.com/wp-admin/admin.php?page=layouts" to access Blog Designer panel.

15. How do I make the full post display in the same/similar theme as the blog page?

You have created blog layouts for your blog page only. For full post display or for single post display same like blog page, you need to create "Single Layouts". That will give you total control of your single post pages also.

Update Blog Designer Plugin

You can update Blog Designer Plugin using below two way.

1) Update plugin manually


2) Update plugin from admin panel

Blog Designer PRO Plugin Update

Blog Designer PRO Supported Themes

We have already created 200+ theme hacks for you. Please go to knowledgebase link to download your theme's Blog Designer PRO copy.

You just need to find out your active theme name from below list.

Themeforest themes

  1. Archi
  2. Automative Car
  3. Avada
  4. Basis
  5. BeTheme
  6. Boston
  7. Bridge
  8. Brooklyn
  9. Cuisine
  10. Edubase
  11. Enfold
  12. Entrepreneur
  13. Exploore
  14. Fitness
  15. Flatsome
  16. Freelanceengine
  17. FWRD
  18. Fluxus
  19. Goodnews
  20. Handystore
  21. Hazel
  22. inHost
  23. Jarvis
  24. Jobify
  25. Jupiter
  26. Kalium
  27. Kallyas
  28. Karma
  29. Ken
  30. Kingdom
  31. Kleo-Pro
  32. Listify
  33. Litte
  34. Listable
  35. Mesh
  36. MentalPress
  37. MusicPlay
  38. Newsmag
  39. Newspaper
  40. NineZeroSeveen
  41. Omnia
  42. Pitch
  43. Porto
  44. Pointfinder
  45. Protheme
  46. Real Homes
  47. REHub
  48. Realty
  49. Renovate
  50. Renovation
  51. Roneous
  52. Saha
  53. Salient
  54. Sapphire-wp
  55. Sensetheme
  56. Search & Go
  57. SEOHub
  58. Seriously
  59. Sahifa
  60. Shopme
  61. Smart-Owl
  62. shopfast
  63. Soho Hotel
  64. Splash
  65. Stack
  66. Starhotel
  67. Startit
  68. Stockholm
  69. Sweetdate
  70. The7
  71. TheFox
  72. Thrive
  73. Traveltour
  74. Unicon
  75. Jewellery
  76. Website
  77. Wizestore
  78. Wowmall
  79. Worker
  80. Wpcoach
  81. WpResidence
  82. X | The Theme
  83. XStore

wordpress.org free themes

  1. Ample
  2. Activello
  3. Advance
  4. Allurer
  5. Arora
  6. Astra
  7. Auction
  8. Business Elite
  9. Caresland Lite
  10. ColorMag
  11. Corporate Lite
  12. Constructzine
  13. Customizr
  14. Dazzling
  15. Directory
  16. Enigma
  17. eStore
  18. Expedition
  19. Experon
  20. Explore
  21. Freedom
  22. FreeStore
  23. GeneratePress
  24. Hapy
  25. Hathor
  26. Hemingway
  27. Hestia
  28. Himalayas
  29. Hueman
  30. Khnum
  31. Illdy
  32. Islemag
  33. Lawyeria Lite
  34. LayerStore
  35. Little
  36. Llorix One Lite
  37. Make
  38. Matra
  39. Masonic
  40. Metro CreativeX
  41. MH Magazine
  42. Nisarg
  43. Nut
  44. Oblique
  45. Oneline
  46. OnePress
  47. onetone
  48. Osiris
  49. Panoramic
  50. Pinbin
  51. Poseidon
  52. Prevalent
  53. Rambo
  54. Safreen
  55. Shop Isle
  56. Skt Lirlie Lite
  57. Spacious
  58. Sparkling
  59. Storefront
  60. SuperNews
  61. Sydney
  62. Tora
  63. Total
  64. ultrabootstrap
  65. Unite
  66. Untold
  67. Vantage
  68. Vacation
  69. Viralline
  70. Verbosa
  71. Vogue
  72. Zerif Lite

Mythemeshop themes

  1. Aaccentbox
  2. Bloggie
  3. Diary
  4. Dualshock
  5. Gridblog
  6. Great
  7. Greenchilli
  8. Groovy
  9. Justblue
  10. Playbook
  11. Pinbord
  12. Point
  13. Portal
  14. Ribbon
  15. Sociallyviral

Athemes themes

  1. Alizee
  2. Areview
  3. Astrid
  4. Bistro
  5. Fashionista
  6. Hiero
  7. Moesia
  8. Newsanchor
  9. Perth
  10. Solon
  11. Sweetheat
  12. Talon
  13. Theshop
  14. West

elegant themes.

  1. Divi

Buddy Boss themes.

  1. Boss

Thrive themes.

  1. Focusblog
  2. Luxe
  3. Minus
  4. Performag

My studio press themes.

  1. Genesis
  2. Parallax Pro

Yithemes themes.

  1. Boemia
  2. Celestino
  3. Kidshop
  4. Petshopper
  5. Santacruz
  6. Thejewel
NOTE: In case you didn't find your theme in the above list, please create support ticket with subject "Blog Designer Pro compatibility required for theme_name" and also share your theme copy via google drive or dropbox shared link.

Thanks for using Blog Designer Pro Plugin!

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

Just contact us on support.solwininfotech.com

We will be happy to assist you!

Credits

I've used the following jQuery Plugins as listed.

  • Chosen - Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
  • SocialShare.js - jQuery plugin for creating custom like buttons and like counters.
  • FlexSlider - An awesome, fully responsive jQuery slider plugin.
  • Aristo - The "Aristo" theme for Cappuccino ported to a jQuery UI Theme.
  • Font Awesome - The iconic font and CSS toolkit.