Headway

Headway WordPress Theme – one of the best WordPress Theme becuase it is a do-it yourself premium WordPress Theme which offer you complete control over your WordPress powered site. Headway WordPress Theme has amazing features and offer you to develop a successful blog or website in no time without any knowledge of PHP and CSS.

Already I have shared how to add author profile box after end of post in Thesis WordPress Theme and now I’m sharing how to add author profile box after end of post in Headway WordPress Theme. But before that you may like to check out these articles on Headway WordPress Theme.

How to Install Headway WordPress Theme from WordPress Dashboard

How to Upgrade Headway WordPress Theme to Latest Version from WordPress Dashboard

How to Install Google Analytics Tracking Code in Headway WordPress Theme

How to Add Infolinks Ad Code In Headway WordPress Theme

How to Install Headway Add-on or Leaf from WordPress Dashboard

All these articles help you to get started with Headway WordPress Theme and if you are running a multi-author blog then author profile box is necessary. This post helps you to add author profile box after end of post.

Step1: Log-in into wp-admin panel and go to “Headway 2.0.8” tab and click on “Easy Hooks” as shown below:

Step2: As soon as you click on “Easy Hooks” (in step1), it open a new window (shown below) and now simply select the hook “After Featured/Single Post Content” from drop down.

Step3: After selecting required hook, i.e. “After Featured/Single Post Content”, simply copy this code.

php
if (is_single())
{ ?>        

postauthor">


php echo get_avatar( get_the_author_id() , 100 ); ?>        

Article by php the_author_url(); ?>">


php the_author_firstname(); ?>         

php
 the_author_description(); ?>
php
 the_author_firstname(); ?> has written  awesome articles.
If you like this post you can follow WebGuide4U on
http://www.twitter.com/webguide4u">Twitter</a></p>       

Subscribe to WebGuide4U feed via
http://www.webguide4u.com/feed"><b>RSS</b></a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=Webguide4u&loc=en_US"><b>EMAIL</b></a> to receive instant updates.</p>
</div>
php }
?>

Step4: After copying this code, paste this code on selected hook (i.e., After Featured/Single Post Content) and click on “Save Changes” button as shown below:

Step5: Now you have added “php code” and to style this author profile box you have to add CSS code. To add CSS code you have to paste this code in custom.css file in Headway WordPress Theme.

Step6: Go to “Appearance” tab and click on “Editor” as shown below and click on “custom.css”.

Step7: Now copy this code and add this code in “custom.css”.

.postauthor {background: #F5F5F5;
 border-top: 1px solid #e1e1e0;
 border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 1.5em;
}
.postauthor img {border: 1px solid #e2dede;
float: left;
 margin-right: 1.5em;}
.postauthor h4 {color: #666;
font-size: 2em; margin-bottom: 5px;}
.postauthor p {color: #515151; font-size: 13px;
margin-bottom: 12px;}.postauthor p.hlight {font-size: 11px;
text-transform: uppercase;}.postauthor p.hlight span {color: #CB3131;
font-size: 1.5em; font-style: italic;
font-weight: bold; letter-spacing: 0.8px;}
.custom .postauthor p {
fontsize:15px;}
.custom .postauthor p.hlight{
fontsize:13px;
fontweight:bold }

Step8: After adding this code (code in step7) in “custom.css” click on “Update File” button to save the changes made in “custom.css” file.

Step9: As guided till yet you will see a author profile box (as shown below).

Congratulations, you have successfully added author profile box after end of post in Headway WordPress Theme. If you have any query do let me know in comment section and do not forget to like WebGuide4U on Facebook.

If you have not get your copy of Headway WordPress Theme, get it now

Sign-Up Link for Headway WordPress Theme

Do not forget to check out Free WordPress Installation Service which offer you lots of features and an ultimate way to kick start your new WordPress Blog.