Contents
[ hide ]
Add an Author Box to Thesis after Posts
Here is how I have added the Author Box after the post in Thesis. The procedure is as usual:
1. Add the custom function
2. Style your box with custom CSS
1. Author Box on Thesis: custom function code
Copy and paste the following code to custom-functions.php from your Dashboard under Custom File Editor:
//------Add an Author Box at the end of Post--------------------
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 for this site.</p>
<p>Subscribe to feed via <a href="http://feeds2.feedburner.com/yorgonestoridis/feed"><b>RSS</b></a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=yorgonestoridis/feed&amp;loc=en_US"><b>EMAIL</b></a> to receive instant updates.</p>
<p>Subscribe to our cashflowin <a href="http://www.youtube.com/user/cashflowin"><b>YouTube channel </b></a></p>
</div>
<?php }
}
add_action('thesis_hook_after_post', 'post_footer_author', '1');Change the content as needed.
You could also hook the above code to the thesis_hook_after_post_box; in this case just change the hook name in the last line.
Author Box Style
Add the following code to custom.css from your Custom File Editor:
/*--------Author Box-----------------*/
.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 }Adapt the style to your taste.
That’s it.
If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.
Related posts:
