I am not using any plugin, i added below code to functions.php
/*================================================= ==================================
* Add Author Links
* ================================================== ===============================*/
function add_to_author_profile( $contactmethods ) {
$contactmethods['rss_url'] = 'RSS URL';
$contactmethods['google_profile'] = 'Google Profile URL';
$contactmethods['twitter_profile'] = 'Twitter Profile URL';
$contactmethods['facebook_profile'] = 'Facebook Profile URL';
$contactmethods['linkedin_profile'] = 'Linkedin Profile URL';
return $contactmethods;
}
add_filter( 'user_contactmethods', 'add_to_author_profile', 10, 1);
function hide_profile_fields( $contactmethods ) {
unset($contactmethods['aim']);
unset($contactmethods['jabber']);
unset($contactmethods['yim']);
return $contactmethods;
}
add_filter('user_contactmethods','hide_profile_fie lds',10,1);
also I have made some progress with the images, instead of using 32x32 images I am using 16x16 images for the facebook and twitter links but now the problem is that the author bio is in a box and the facebook and twitter images are also inside a box but they kinda go out of the original box, author gravatar is still not working though.
here is the code in single.php
<div class="post-bodycopy cf">
<?php the_content(); ?>
<!-- patch for author bio -->
<div class="postauthor">
<!-- <?php echo get_avatar( get_the_author_meta('email') , '80' , ' ' ); ?> -->
<p class="hlight"> Written by <?php the_author_link(); ?> </p>
<p><?php the_author_meta('description'); ?></p>
<a href="http://facebook.com/<?php the_author_meta('facebook_profile'); ?>" target="_blank"><img src="facebook-pencil.png" alt="Facebook" class = "rsslink" /></a>
<a href="http://twitter.com/<?php the_author_meta('twitter_profile'); ?>" target="_blank"><img src="\twitter-pencil.png" alt="Twitter" /></a><br />
</div>
<!-- end of patch -->
<?php wp_link_pages( array(
'before' => __( '<p class="post-pagination">Pages:', 'montezuma' ),
'after' => '</p>'
) ); ?>
here is the css i added in posts.css
.postauthor {border-left: 1px solid silver;border-top: 1px solid silver;border-right: 1px solid silver; border-bottom: 1px solid silver; margin-top: 5px; margin-bottom: 10px; padding-left: 15px; padding-bottom: 5px; padding-right: 15px; padding-top: 5px; background-color: transparent; background: url(images/body-bg17.png); width: 525px; margin-top:5px;}
.postauthor img {float: left;}
.postauthor h4 {color: #666; font-size: 1.5em; margin-bottom: 5px;}
.postauthor p {color: #515151; font-size: 13px; margin-bottom: 7px; border:none, outline: none;}
.postauthor p.hlight {font-size: 11px; text-transform: uppercase;}
here is how it looks -
http://imgur.com/sIlXARF
Notice the facebook and twitter icons have a border which is not inside the box, I tried removing the border by adding below line to css above
.postauthor a {border:none;}
but no go.
Also any help with gravatar would be awesome and we may have a working author bio for the theme.