There is a great explanation here about how to add an author’s block to WordPress themes. This pulls the photo, profile description, and other elements for an author’s posts and places them where you want them on the page. The Castilia theme does not have this out of the box so I decided to add it.
The post mentioned above is a bit dated but the gist is essentially the same. First, I created the basic shapes: a holding <div> and two <div>s within to hold the photo and text, respectively. In most WordPress themes, this would go in the single.php page, but in Castilia, when you navigate to Appearance > Editor, you need to go to post-single.php:
Then I dropped in the elements that I wanted to pull for my box.
<div c lass=”authorbox”>
<h2><?php the_author_meta(‘user_firstname’); ?>
<?php the_author_meta(‘user_lastname’); ?>
<div c lass=”authorphoto”>
<!– the number in the next line is the picture height in pixels –>
<?php echo get_avatar( get_the_author_meta(‘user_email’), ’100′, ” ); ?>
<div c lass=”authordescription”>
<p><?php the_author_meta(‘description’); ?></p>
<p><a href=”<?php the_author_meta(‘user_url’); ?>”>Web Site</a>
<!– this author_meta is new since the post above;
you may find other ones that you can use –>
<a href=”<?php the_author_meta(‘twitter’); ?>”>Twitter</a></p>
<br style=”clear: both” />
I added a style=”" attribute to each <div> or other element so that I could see the way it would look. I ended up placing the name above the photo, and aligning the top of the photo with the top of the description. Once I had these styles sorted out, I pasted them into the CSS file and removed them from the code. The comment box was creeping up over the author box so I stuck in a line break to force it below. You can see the result below.