05 Jan, 2016

About Author Pro

weblizar

Key Contents

1. Plugin Installation
2. Create New Shortcode
3. Preview Shortcode Option
4. Add Shortcode on Page/Post
5. Add Shortcode on Widget
6. Add Template Style 1 On Page / Post / Widget
7. Add Template Style 2 On Page / Post / Widget
8. Add Template Style 3 On Page / Post / Widget
9. Add Template Style 4 On Page / Post / Widget
10. Add Template Style 5 On Page / Post / Widget
11. Add Template Style 6 On Page / Post / Widget
12. Add Template Style 7 On Page / Post / Widget
13. Add Template Style 8 On Page / Post / Widget
14. Add Template Style 9 On Page / Post / Widget
15. Add Template Style 10 On Page / Post / Widget
16. Author Settings On Page / Post

 

Now, we are learning about  About Author Shortcode & Widget Pro plugin to install, configure and publish. Follow the step by step guides.

---

 

 Plugin Installation

First download your plugin zip package from your Weblizar Account.

Upload, Install & Activate plugin into WordPress site.

 

 

Now our plugin is successfully installed on our site, step up to the next step.

---

 

 Create New Shortcode

 

Go to About Author plugin menu, then click on Add New button

 

 

Type Title  Select Template Publish Post

 

---

 

 

Preview Shortcode Option

---

 

 

Add Shortcode on Page/Post

step1-> Click on Pages or Posts on Dashboard create new page/post and paste the shortcode

 

 

---

 

 

Add Shortcode on Widget

step1-> Click on the link

 

 

 step2-> About Author Pro will show in widget area. Select “Sidebar/Footer Widget Area” and click on “Add Widget”.

step3-> 

A)-> Type Widget Title here

B)-> Select shortcode title from dropdown.Click on save button

 

 

---

There are 10 diffrent Template Style  you can choose one of them

Add Template Style 1 On Page / Post / Widget

 

 

 

Step1-> Select Template Style 1
Step2-> Upload profile image

 

 

 

 

Step3->Select Profile Image Layout

 

 

 

 

Step4->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

 

Step5->Select Background Color

 

 

 

 

Step6->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

 

Step7->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

 

Step8->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

 

Step9->Social link Settings 

Write Social link 

 

 

 

 

Step10->Social Link Color

Select Social Link Color

 

 
–
 

Step11->Social Link Text Size

Select Social Link Text Size

 

 

 

Step12->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step13->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 2 On Page / Post / Widget

 

Step1-> Select Template Style 2

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 
Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

Add Template Style 3 On Page / Post / Widget

 

Step1-> Select Template Style 3

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

Step11->Social Link Color

Select Social Link Color

 

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 4 On Page / Post / Widget

 

Step1-> Select Template Style 4

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

 

Add Template Style 5 On Page / Post / Widget

Step1-> Select Template Style 5

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 6 On Page / Post / Widget

 

Step1-> Select Template Style 6

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 7 On Page / Post / Widget

Step1-> Select Template Style 7

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 8 On Page / Post / Widget

 

Step1-> Select Template Style 8

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

Step10->Social link Settings 
Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

---

 

 

Add Template Style 9 On Page / Post / Widget

 

Step1-> Select Template Style 9

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

Step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

Step10->Social link Settings 
Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

Step12->Social Link Text Size

Select Social Link Text Size

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

 

Add Template Style 10 On Page / Post / Widget

 

Step1-> Select Template Style 10

 

 

 

Step2-> Upload profile image
Step3-> Upload Header Background Image

 

 

 

Step4->Select Profile Image Layout

 

 

 

Step5->Select Profile Image Layout settings

A)-> select Border style

B)-> select Border size

C)-> select Border color

 

 

 

Step6->Select Background Color

 

 

 

step7->Name Text Settings

A)->Write Name Text

 B)->Select Name Text Font Size

C)->Select Name Text Color

 

 

 

Step8->Website Link Text Settings

A)->Write Website Link Name Text

 B)->Select Website Text Font Size

C)->Select Website Link Color

 

 

Step9->Description Text Settings

A)->Write Description Text

 B)->Select Description Font size

C)->Select  Description Text Color

 

 

 

Step10->Social link Settings 

Write Social link 

 

 

 

Step11->Social Link Color

Select Social Link Color

 

 

Step12->Social Link Text Size

Select Social Link Text Size

 

 

Step13->Font Family

Note: One selected Font Family will apply on one selected template  

Select Font Family

 

 

Step14->Custom CSS

Write Custom CSS

 

 

---

 

Author Settings On Page / Post

 

Step1->

A)-> Go to  “About Author Pro” Menu click on sub menu  “Author Setting”

B)-> Author Settings  page will open

 

 

 

Step2-> Scroll down the page  click on ” Go to user settings” button 

 

 

 

Step3-> A page will open when click on ” Go to user settings” button 

 

 

The Gravatar image will be display on  Author detail

 

 

 

Step4-> Now again   go to  “About Author Pro” Menu click on sub menu  “Author settings”

A)-> Select  “yes” if you want display Author detail at end of page / select no if you does not want  display Author detail at end of page

B)-> Select  “yes” if you want display Author detail at end of post / select no if you does not want  display Author detail at end of post

Step5-> Select Template Style create earlier in “About Author Pro” from dropdown

 

 

 

Step6-> Display detail  on post or page

A)-> Select yes if you want to dispaly name  on Author detail / Select no if you does not want to dispaly name  on Author detail

B)-> Select yes if you want to dispaly Website Name on Author detail / Select no if you does not want to dispaly Website Name on Author detail

C)-> Select yes if you want to dispaly Biographical Info on Author detail / Select no if you does not want to dispaly Biographical Info  on Author detail

 

 

 

Step7-> Author label settings

 

A)-> Write Author label text 

B)-> Change Author label text  font size

C)-> Select Background Color of Author label text

D)-> Select Font Color of Author label text

E)-> Select Font Family of Author label text

F)-> Click on Save button to save  settings

 

---

 

 

Document being updating.

If you have a support question regarding this plugin you can contact through Support Forum OR Site.

Thanks for reading doc – Weblizar