For a long time I had resisted converting my DVD and Blu-Ray disks into any other format because I didn’t want to lose any quality. I had lived by this rule for a long time, and thankfully companies like QNAP and Thecus came to my storage rescue. However, the day has come where the cost of storing all the extra garbage that comes along with these movies has opened my eyes to benefits conversions. With that, I have began converting my movie collection to a format that allows me to lose all the excess fat, but keep my movie loss-less. Read More…
Add an About the Author to Your WordPress Theme
Date: August 23rd, 2010
Author: Joe DiFiglia
Category: Wordpress
Tags: single.php, style.css, Wordpress
Article URL: http://computingondemand.com/?p=4481
There is a lot of functionality that a plugin can add to your WordPress configuration, but for some reason I can't feel comfortable relying simply on plugins for everything. When something simple comes along that can be done without a plugin, I would much rather go that route. With that said, I had been looking for an easy way to add some information about the author to display on every article. It turns out that this is VERY easy to do and DOES NOT require any plugins to accomplish. This solution uses some WordPress hooks...To start, there are two files that you will need to edit, single.php and style.css.
In your single.php simply find the area you would like to display your "About the author" information and paste the following.
<!-- Start About the Author -->
<div id="author-info">
<div id="author-image">
<a href="<?php the_author_meta('user_url'); ?>"><?php echo get_avatar( get_the_author_meta('user_email'), '90', '' ); ?></a>
</div>
<div id="author-bio">
<h4><?php the_author_link(); ?></b> has written <b><?php the_author_posts(); ?></b> Articles at <a href="http://computingondemand.com"><b>C.O.D.</b></a></h4><br />
<p><?php the_author_meta('description'); ?></p>
</div>
</div>
<!-- End About the Author -->
You can change the size of the avatar by modifying the number in this string:
<?php echo get_avatar( get_the_author_meta('user_email'), '90', '' ); ?>Your next edit is to your style.css, copy and paste the following:
#author-info {
background : #eaeaec ;
padding : 10px;
margin : 0 0 15px 0;
-moz-border-radius : 8px;
-webkit-border-radius: 8px;
border-radius : 8px;
overflow : auto;
}
#author-info div
#author-image {
float : left;
margin : 0 10px 5px 0;
border : 5px solid #DCDCE1;
}Enjoy!
Note: These functions are not of my own creation, simply things I have found along the way. If you are the author of this function, please let me know so I can properly credit you with your work!
<?php echo get_avatar( get_the_author_meta('user_email'), '90', '' ); ?>
