How to add author bio in wordpress

An author bio in WordPress posts is a brief section at the end of a blog post that provides information about the author of the post. It typically includes the author's name, a short description or bio, and sometimes a profile picture or avatar.

Author bio format on wordpress post What is the purpose of an author bio on a blog? Next Continue. It typically includes the author's name, a short description or bio, and sometimes a profile picture or avatar. In WordPress site, it has a default sidebar that shows on each page and all posts, But, in some cases, it is very good practice to add different sidebars for different types of pages.

The author's bio helps readers learn more about the person behind the post and can establish credibility and trust with the audience.

Steps to Add Author's Bio in WordPress Posts

To add an Author's bio to WordPress posts, you can follow these steps:

Step 1: Edit Your Theme's Single Post Template

First, you have to access your WordPress theme's files.

Go to Appearance > ThemeFile Editor in your WordPress dashboard.

Step 2: Locate the Single Post Template

Look for the file responsible for displaying single post content. This file is usually , but it can vary depending on your theme.

Step 3: Add Author Bio Code

Inside the loop (where the post content is displayed), add the following code to display the author bio:

Code Snippet

<div class="author-bio">
<div class="author-avatar">
<?php echo get_avatar( get_the_author_meta( 'ID' ), 80 ); ?>
</div>
<div class="author-info">
<h3 class="author-name"><?php the_author_posts_link(); ?></h3>
<p class="author-description"><?php the_author_meta( 'description' ); ?></p>
</div>
</div>

This code will display the author's avatar (profile picture), name as a link to their posts, and a short description.

Step 4: Style the Author Bio

Add some CSS to your theme's stylesheet () to style the author bio.

For example:

CSS Styles

.author-bio {
display: flex;
margin-bottom: 20px;
}

.author-avatar {
margin-right: 15px;
}

.author-name {
margin: 0 0 5px;
}

.author-description {
font-style: italic;
}

Step 5: Save Changes

Save the changes to your theme files and check a single post page on your website to see the author bio in action.