With this ‘how to’ article, you will learn vital steps in posting author information in your WordPress blog. It is also perfect for blogs with many authors.
Below are clear step by step procedures on posting such information. The details about the writer of this post were used as an example. Follow these simple steps to create your very own author information.
Step 1: Picture Display
Install the “Author Image” plug-in, which enables authors to upload avatars or pictures from their profile page to the WordPress Administration.
By using the simple function below, the plug-in will able to display your chosen picture in your post.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <?php if(function_exists(the_author_image)) the_author_image(); ?>[/code] <h3>Step 2 : To Display the Author Meta Data (Author Information)</h3> Wordpress has a function which can be used to display author information. The function is [code lang="php"] //function to display author meta <?php the_author_meta( $field ); ?> /* $field = any of the following will print its result * user_login * user_pass * user_nicename * user_email - We will be using this * user_url - We will be using this * user_registered * user_activation_key * user_status * display_name * nickname * first_name * last_name * description * jabber * aim * yim * user_level * user_firstname - We will be using this * user_lastname - We will be using this * user_description - We will be using this */ |
Step 2 : Put all together
To keep the structure whole and intact, replace the variable code above with the WordPress code. Shown below is what the replacement will look like.
1 2 3 4 5 6 7 | <div style="overflow:hidden"> <div style="float:left; margin-right:1em"> <img src="mypic.jpg" alt="My Picture" width="150" height="150" /></div> <h1>LeVoltz.</h1> Hello my name is bla bla bla.... my description My Website = http://www.levoltz.com My Email = admin@levoltz.com</div> |
To keep the structure whole and intact, replace the variable code above with the WordPress code. Shown below is what the replacement will look like.
1 2 3 4 | <div style="overflow:hidden"> <h1>About the Author -</h1> My Website = My Email =</div> |
Step 3: Code Addition
The final step is to add the codes you created to WordPress. To do this, follow the instructions below.
Open your theme folder in WordPress
Click page.php or single.php
Use the codes you created for author picture or author information and display it inside page.php or single.php. You can choose wherever you want to put this information inside the page.
Below is an example on the proper way to display author information on single.php
1 2 3 4 5 6 7 8 9 | //shows the content //shows page numbers if any //shows the AUTHOR INFORMATION <div style="overflow:hidden"> <h1>About the Author -</h1> My Website = My Email =</div> |
Posting author information in your WordPress blog is easy! Just follow these three very simple steps and will be able to read the information you want to share with the world!
Related posts:







March 17, 2010 at 8:32 am
Hi, we found this here when i did an fast google search. Neat blog you have here! Keep it up!