In this tutorial you can learn how to add the author’s profile box at the end of the post. In your website, if anybody writing the guest post , the visitors can easily recognize about the author of the post through this. To show in author’s profile box, the details are taken from the admin panel of the user profile. It’s not only for guest post but also any author of the post.
Before adding the Author’s profile box:
After adding the Author’s profile box:
How to add this Author’s profile watch this video below:
It’s take too much time to buffering. Don’t hesitate. Keep reading rest of the post.
1. Login to wordpress admin panel.
2. Go to user panel then select your profile and type the biographical info about yourself.
3. Then, click update.
4. To do this process use FTP. copy this below code and paste it on launch.php or custom_function.php.
function post_footer_author() { if (is_single()) { ?> <div class="postauthor"> <?php echo get_avatar( get_the_author_id() , 100 ); ?> <h4>Article by <a href="<?php the_author_url(); ?>"> <?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4> <p><?php the_author_description(); ?></p> <p><?php the_author_firstname(); ?> has written <span><?php the_author_posts(); ?></span> awesome articles.</p> <p>Subscribe to feed via <a href="http://www.fourblogger.com/feed"><b>RSS</b></a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=Fourbloggercom&loc=en_US"><b>EMAIL</b></a> to receive instant updates.</p> <p>Subscribe to our fourblogger <a href="http://www.youtube.com/user/fourblogger"><b>You tube channel </b></a></p> </div> <?php } } add_action('thesis_hook_after_post_box', 'post_footer_author');
5. Then you should change your own RSS, Email, and You tube url.
6. Final step paste the below code into custom.css.
/* code for Author's profile box below the post */ .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 }
Share your experience in comment section below:
and For more checkout our all Thesis theme tutorials..