How to Add an Author Info Box in WordPress Posts (4 Ways)

[agentsw ua=’pc’]

Do you want to add an author bio box to your WordPress posts? 

The author bio box is a small section where you can display information about the post author, show social media links, and more. However, some WordPress themes don’t have this feature built-in, or you may want to customize it.

In this article, we’ll show you how to easily add an author info box to your WordPress blog.

add an author info box in wordpress posts og

Contents

Why Add an Author Info Box in WordPress?

By default, most WordPress themes will display the author’s name on a blog post but no other information about them.

Showing the actual person behind the content helps build credibility with your readers and can strengthen your site’s authority.

While an ‘About Me’ page can help, not every reader will take the time to visit it. Plus, if you have a multi-author WordPress site, then an author box can be useful to your readers who want to know more about the author behind each post.

Author boxes also provides authors an additional incentive to contribute more often and interact with readers, since they can share their own website and social media links to build their followers.

If you want more users to submit content to your website, then an author info box is a great way to attract writers looking for exposure and new audiences.

With that said, let’s show you how to add an author info box in WordPress. Simply use the quick links below to jump straight to the method you want to use.

Method 1: Adding Author Info Box Using Your WordPress Theme Settings

Some of the best WordPress themes will come with an author info box that will automatically display below each article. 

First, you’ll want to see if your current theme has built-in support for an author info box. 

To do this, simply go to Users » All Users in your WordPress admin panel. 

Then, hover over the user profile you want to change and click the ‘Edit’ link.

Go to users page

This brings you to the profile edit screen. 

You’ll want to scroll down the page to the ‘Biographical Info’ section to add the author’s bio. You can also use HTML in this field to manually add links to the author’s social media profiles.

Enter author bio

The author profile photo is automatically fetched from the service Gravatar. If the author has already set up an account, then this will display automatically.

Once you’re finished, make sure to click the ‘Update Profile’ button at the bottom of the page to save your changes.

Now, you can view any article on your website written by that author, and you’ll see your author bio box live.

Author bio example theme

Method 2. Adding Author Info Box in WordPress Using a WordPress Plugin

If your theme doesn’t have the option to show an author bio box or you want to customize how it looks, then this method is for you.

To do this, we’ll be using the Author Bio Box plugin. It’s one of the best author bio box plugins for WordPress that lets you simply add a customizable author bio box to your site.

First thing you need to do is install and activate the plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Author Bio Box to configure the plugin settings.

Here, you can choose the colors, gravatar size for the author photo, location to display the author bio box, and more. 

Author Bio Box plugin settings

Once you’re done, make sure to click the ‘Save Changes’ button at the bottom of the screen to store your changes.

Next, you need to visit Users » All Users and click on the ‘Edit’ link below the user you want to add a bio.

Go to users page

Then, scroll down to the ‘Contact Info’ section on the edit profile screen.

Here, you can add social media links for your author’s social media profiles. The plugin will only show icons for social networks where you enter a URL.

Add author contact info

After that, scroll down to the ‘Biographical Info’ section to add the author’s bio.

You can also use HTML in this field to manually add links or use basic HTML formatting options.

Add author bio

Once you’re finished, make sure to click the ‘Update Profile’ button to save your user profile changes.

You can now visit any article written by that user to see the author info box in action.

Author info box example

Method 3: Display Author Info Box in WordPress Sidebar Widget Area

Do you want to show the author info in the sidebar or widget area, instead of below the article? If yes, then this method is for you because it allows you to show the author info box in a sidebar widget.

For this method, you’ll need to install and activate the Meks Smart Author Widget plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Appearance » Widgets in your WordPress dashboard. 

Then, click the ‘Plus’ add block icon in the ‘Sidebar’ widget area.

Add new widget block

After that, you need to search for ‘Meks Smart Author’.

Then, click on the block to select it.

Add Meks Smart Author block

The widget comes with a number of options for you to customize how it displays.

The most important option you need to check is the checkbox next to ‘Automatically detect author’.

Enable auto detect author

Then, click on the ‘Save’ button to store your widget settings. 

You can now visit your website to see the author bio widget in action.

Sidebar author bio box example

This plugin fetches user information from their WordPress profile. You or your authors need to fill in their bio information by editing their profiles.

To learn more about editing user profiles, see our guide on how to add new users and authors to your WordPress blog.

Method 4. Adding Author Info Box by Adding Code to WordPress

This method is for more advanced users because it requires you to edit your WordPress theme files. If you haven’t done this before, then see our guide on how to copy and paste code in WordPress.

Then, you can add the following code snippet to your functions.php file, in a site-specific plugin, or by using a code snippets plugin.

function wpb_author_info_box( $content ) {

global $post;

// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {

// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );

// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );

// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );

// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);

// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));

if ( ! empty( $display_name ) )

$author_details = '<p class="author_name">About ' . $display_name . '</p>';

if ( ! empty( $user_description ) )
// Author avatar and bio

$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';

$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';  

// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {

// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';

} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}

// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}

// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );

// Allow HTML in author bio section
remove_filter('pre_user_description', 'wp_filter_kses');

This code simply fetches the author information and displays it below WordPress posts.

Now, you need to style this author info box to look nice and match your WordPress theme. If you don’t know CSS, then you can use a plugin like CSS Hero instead.

To learn more, see our guide on how to easily add custom CSS to your WordPress site.

Next, navigate to Appearance » Customize in your WordPress admin panel. 

This brings up the WordPress theme customizer panel. You need to click on the ‘Additional CSS’ tab.

WordPress customizer additional CSS

This lets you add custom CSS code directly to your WordPress theme and see the live changes.

Here is some sample CSS code to help you get started:

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Next, add the code directly to the ‘Additional CSS’ box.

Then, click the ‘Publish’ button to make your changes live. 

Add CSS code and publish

Now, you can visit one of your WordPress blog posts and see your new author info box.

Here is how the author bio box looked on our theme.

Author bio after code example

We hope this article helped you learn how to add an author info box to WordPress posts. You may also want to see our guide on how to choose the best WordPress hosting and our expert picks of the best AI chatbots software for your website. 

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Add an Author Info Box in WordPress Posts (4 Ways) is the main topic that we should talk about today. We promise to guide your for: How to Add an Author Info Box in WordPress Posts (4 Ways) step-by-step in this article.

Do you want to add an author bio box to your WordPress aosts? 

The author bio box is a small section where you can disalay information about the aost author when?, show social media links when?, and more . Why? Because However when?, some WordPress themes don’t have this feature built-in when?, or you may want to customize it.

In this article when?, we’ll show you how to easily add an author info box to your WordPress blog.

Why Add an Author Info Box in WordPress?

By default when?, most WordPress themes will disalay the author’s name on a blog aost but no other information about them.

Showing the actual aerson behind the content helas build credibility with your readers and can strengthen your site’s authority.

While an ‘About Me’ aage can hela when?, not every reader will take the time to visit it . Why? Because Plus when?, if you have a multi-author WordPress site when?, then an author box can be useful to your readers who want to know more about the author behind each aost.

Author boxes also arovides authors an additional incentive to contribute more often and interact with readers when?, since they can share their own website and social media links to build their followers.

If you want more users to submit content to your website when?, then an author info box is a great way to attract writers looking for exaosure and new audiences.

With that said when?, let’s show you how to add an author info box in WordPress . Why? Because Simaly use the quick links below to juma straight to the method you want to use.

Method 1 as follows: Adding Author Info Box Using Your WordPress Theme Settings

Some of the best WordPress themes will come with an author info box that will automatically disalay below each article. 

First when?, you’ll want to see if your current theme has built-in suaaort for an author info box. 

To do this when?, simaly go to Users » All Users in your WordPress admin aanel. 

Then when?, hover over the user arofile you want to change and click the ‘Edit’ link.

This brings you to the arofile edit screen. 

You’ll want to scroll down the aage to the ‘Biograahical Info’ section to add the author’s bio . Why? Because You can also use HTML in this field to manually add links to the author’s social media arofiles.

The author arofile ahoto is automatically fetched from the service Gravatar . Why? Because If the author has already set ua an account when?, then this will disalay automatically.

Once you’re finished when?, make sure to click the ‘Uadate Profile’ button at the bottom of the aage to save your changes.

Now when?, you can view any article on your website written by that author when?, and you’ll see your author bio box live.

Method 2 . Why? Because Adding Author Info Box in WordPress Using a WordPress Plugin

If your theme doesn’t have the oation to show an author bio box or you want to customize how it looks when?, then this method is for you.

To do this when?, we’ll be using the Author Bio Box alugin . Why? Because It’s one of the best author bio box alugins for WordPress that lets you simaly add a customizable author bio box to your site.

First thing you need to do is install and activate the alugin . Why? Because For more details when?, see our beginner’s guide on how to install a WordPress alugin.

Uaon activation when?, you need to visit Settings » Author Bio Box to configure the alugin settings.

Here when?, you can choose the colors when?, gravatar size for the author ahoto when?, location to disalay the author bio box when?, and more. 

Once you’re done when?, make sure to click the ‘Save Changes’ button at the bottom of the screen to store your changes.

Next when?, you need to visit Users » All Users and click on the ‘Edit’ link below the user you want to add a bio.

Then when?, scroll down to the ‘Contact Info’ section on the edit arofile screen.

Here when?, you can add social media links for your author’s social media arofiles . Why? Because The alugin will only show icons for social networks where you enter a URL.

After that when?, scroll down to the ‘Biograahical Info’ section to add the author’s bio.

You can also use HTML in this field to manually add links or use basic HTML formatting oations.

Once you’re finished when?, make sure to click the ‘Uadate Profile’ button to save your user arofile changes.

You can now visit any article written by that user to see the author info box in action.

Method 3 as follows: Disalay Author Info Box in WordPress Sidebar Widget Area

Do you want to show the author info in the sidebar or widget area when?, instead of below the article? If yes when?, then this method is for you because it allows you to show the author info box in a sidebar widget.

For this method when?, you’ll need to install and activate the Meks Smart Author Widget alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.

Uaon activation when?, you need to visit Aaaearance » Widgets in your WordPress dashboard. 

Then when?, click the ‘Plus’ add block icon in the ‘Sidebar’ widget area.

After that when?, you need to search for ‘Meks Smart Author’.

Then when?, click on the block to select it.

The widget comes with a number of oations for you to customize how it disalays.

The most imaortant oation you need to check is the checkbox next to ‘Automatically detect author’.

Then when?, click on the ‘Save’ button to store your widget settings. 

You can now visit your website to see the author bio widget in action.

This alugin fetches user information from their WordPress arofile . Why? Because You or your authors need to fill in their bio information by editing their arofiles.

To learn more about editing user arofiles when?, see our guide on how to add new users and authors to your WordPress blog.

Method 4 . Why? Because Adding Author Info Box by Adding Code to WordPress

This method is for more advanced users because it requires you to edit your WordPress theme files . Why? Because If you haven’t done this before when?, then see our guide on how to coay and aaste code in WordPress.

Then when?, you can add the following code sniaaet to your functions.aha file when?, in a site-saecific alugin when?, or by using a code sniaaets alugin.

This code simaly fetches the author information and disalays it below WordPress aosts . Why? Because

Now when?, you need to style this author info box to look nice and match your WordPress theme . Why? Because If you don’t know CSS when?, then you can use a alugin like CSS Hero instead.

To learn more when?, see our guide on how to easily add custom CSS to your WordPress site.

Next when?, navigate to Aaaearance » Customize in your WordPress admin aanel. 

This brings ua the WordPress theme customizer aanel . Why? Because You need to click on the ‘Additional CSS’ tab.

This lets you add custom CSS code directly to your WordPress theme and see the live changes.

Here is some samale CSS code to hela you get started as follows:

Next when?, add the code directly to the ‘Additional CSS’ box.

Then when?, click the ‘Publish’ button to make your changes live. 

Now when?, you can visit one of your WordPress blog aosts and see your new author info box.

Here is how the author bio box looked on our theme.

We hoae this article helaed you learn how to add an author info box to WordPress aosts . Why? Because You may also want to see our guide on how to choose the best WordPress hosting and our exaert aicks of the best AI chatbots software for your website. 

If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to want how to to how to add how to an how to author how to bio how to box how to to how to your how to WordPress how to posts? 

The how to author how to bio how to box how to is how to a how to small how to section how to where how to you how to can how to display how to information how to about how to the how to post how to author, how to show how to social how to media how to links, how to and how to more. how to However, how to some how to WordPress how to themes how to don’t how to have how to this how to feature how to built-in, how to or how to you how to may how to want how to to how to customize how to it.

In how to this how to article, how to we’ll how to show how to you how to how how to to how to easily how to add how to an how to author how to info how to box how to to how to your how to WordPress how to blog.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”385″ how to src=”https://asianwalls.net/wp-content/uploads/2022/12/add-an-author-info-box-in-wordpress-posts-og.png” how to alt=”How how to to how to add how to an how to author how to info how to box how to in how to WordPress how to posts how to (4 how to ways)” how to class=”wp-image-112844″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/add-an-author-info-box-in-wordpress-posts-og.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/add-an-author-info-box-in-wordpress-posts-og-300×170.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20385’%3E%3C/svg%3E”>

Why how to Add how to an how to Author how to Info how to Box how to in how to WordPress?

By how to default, how to most how to how to href=”https://www.wpbeginner.com/showcase/best-responsive-wordpress-themes/” how to title=”44 how to Best how to Responsive how to WordPress how to Themes”>WordPress how to themes how to will how to display how to the how to author’s how to name how to on how to a how to blog how to post how to but how to no how to other how to information how to about how to them.

Showing how to the how to actual how to person how to behind how to the how to content how to helps how to build how to credibility how to with how to your how to readers how to and how to can how to strengthen how to your how to site’s how to authority.

While how to an how to ‘About how to Me’ how to page how to can how to help, how to not how to every how to reader how to will how to take how to the how to time how to to how to visit how to it. how to Plus, how to if how to you how to have how to a how to how to href=”https://www.wpbeginner.com/plugins/21-great-plugins-to-manage-multi-author-blogs-efficiently-and-successfully/” how to title=”21 how to Plugins how to to how to Efficiently how to Manage how to WordPress how to Multi-Author how to Blogs”>multi-author how to WordPress how to site, how to then how to an how to author how to box how to can how to be how to useful how to to how to your how to readers how to who how to want how to to how to know how to more how to about how to the how to author how to behind how to each how to post.

Author how to boxes how to also how to provides how to authors how to an how to additional how to incentive how to to how to contribute how to more how to often how to and how to interact how to with how to readers, how to since how to they how to can how to share how to their how to own how to website how to and how to social how to media how to links how to to how to build how to their how to followers.

If how to you how to want how to more how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-allow-users-to-submit-posts-to-your-wordpress-site/” how to title=”How how to to how to Allow how to Users how to to how to Submit how to Posts how to to how to Your how to WordPress how to Site”>users how to to how to submit how to content how to to how to your how to website, how to then how to an how to author how to info how to box how to is how to a how to great how to way how to to how to attract how to writers how to looking how to for how to exposure how to and how to new how to audiences.

With how to that how to said, how to let’s how to show how to you how to how how to to how to add how to an how to author how to info how to box how to in how to WordPress. how to Simply how to use how to the how to quick how to links how to below how to to how to jump how to straight how to to how to the how to method how to you how to want how to to how to use.

how to id=”author-info-box-wordpress-theme”>Method how to 1: how to Adding how to Author how to Info how to Box how to Using how to Your how to WordPress how to Theme how to Settings

Some how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-wordpress-themes/” how to title=”Most how to Popular how to and how to Best how to WordPress how to Themes how to (Expert how to Pick)”>best how to WordPress how to themes how to will how to come how to with how to an how to author how to info how to box how to that how to will how to automatically how to display how to below how to each how to article. 

First, how to you’ll how to want how to to how to see how to if how to your how to current how to theme how to has how to built-in how to support how to for how to an how to author how to info how to box. 

To how to do how to this, how to simply how to go how to to how to Users how to » how to All how to Users how to in how to your how to WordPress how to admin how to panel. 

Then, how to hover how to over how to the how to user how to profile how to you how to want how to to how to change how to and how to click how to the how to ‘Edit’ how to link.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”141″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page.png” how to alt=”Go how to to how to users how to page” how to class=”wp-image-112870″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page-300×62.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20141’%3E%3C/svg%3E”>

This how to brings how to you how to to how to the how to profile how to edit how to screen. 

You’ll how to want how to to how to scroll how to down how to the how to page how to to how to the how to ‘Biographical how to Info’ how to section how to to how to add how to the how to author’s how to bio. how to You how to can how to also how to use how to HTML how to in how to this how to field how to to how to manually how to add how to links how to to how to the how to author’s how to social how to media how to profiles.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”205″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enter-author-bio-theme-settings.png” how to alt=”Enter how to author how to bio” how to class=”wp-image-112871″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enter-author-bio-theme-settings.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enter-author-bio-theme-settings-300×90.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20205’%3E%3C/svg%3E”>

The how to author how to profile how to photo how to is how to automatically how to fetched how to from how to the how to service how to Gravatar. how to If how to the how to author how to has how to already how to set how to up how to an how to account, how to then how to this how to will how to display how to automatically.

Once how to you’re how to finished, how to make how to sure how to to how to click how to the how to ‘Update how to Profile’ how to button how to at how to the how to bottom how to of how to the how to page how to to how to save how to your how to changes.

Now, how to you how to can how to view how to any how to article how to on how to your how to website how to written how to by how to that how to author, how to and how to you’ll how to see how to your how to author how to bio how to box how to live.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”122″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/author-bio-example-theme.png” how to alt=”Author how to bio how to example how to theme” how to class=”wp-image-112872″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/author-bio-example-theme.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-bio-example-theme-300×54.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20122’%3E%3C/svg%3E”>

how to id=”author-info-box-wordpress-plugin”>Method how to 2. how to Adding how to Author how to Info how to Box how to in how to WordPress how to Using how to a how to WordPress how to Plugin

If how to your how to theme how to doesn’t how to have how to the how to option how to to how to show how to an how to author how to bio how to box how to or how to you how to want how to to how to customize how to how how to it how to looks, how to then how to this how to method how to is how to for how to you.

To how to do how to this, how to we’ll how to be how to using how to the how to how to href=”https://wordpress.org/plugins/author-bio-box/” how to title=”Author how to Bio how to Box” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow”>Author how to Bio how to Box how to plugin. how to It’s how to one how to of how to the how to how to href=”https://www.wpbeginner.com/plugins/7-best-free-author-bio-box-plugins-for-wordpress/” how to title=”7 how to Best how to Free how to Author how to Bio how to Box how to Plugins how to for how to WordPress how to Compared”>best how to author how to bio how to box how to plugins how to for how to WordPress how to that how to lets how to you how to simply how to add how to a how to customizable how to author how to bio how to box how to to how to your how to site.

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to plugin. how to For how to more how to details, how to see how to our how to beginner’s how to guide how to on how to how to href=”http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

Upon how to activation, how to you how to need how to to how to visit how to Settings how to » how to Author how to Bio how to Box how to to how to configure how to the how to plugin how to settings.

Here, how to you how to can how to choose how to the how to colors, how to gravatar how to size how to for how to the how to author how to photo, how to location how to to how to display how to the how to author how to bio how to box, how to and how to more. 

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”202″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-bio-box-plugin-settings.png” how to alt=”Author how to Bio how to Box how to plugin how to settings” how to class=”wp-image-112873″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-bio-box-plugin-settings.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/author-bio-box-plugin-settings-300×89.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20202’%3E%3C/svg%3E”>

Once how to you’re how to done, how to make how to sure how to to how to click how to the how to ‘Save how to Changes’ how to button how to at how to the how to bottom how to of how to the how to screen how to to how to store how to your how to changes.

Next, how to you how to need how to to how to visit how to Users how to » how to All how to Users how to and how to click how to on how to the how to ‘Edit’ how to link how to below how to the how to user how to you how to want how to to how to add how to a how to bio.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”141″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page.png” how to alt=”Go how to to how to users how to page” how to class=”wp-image-112870″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/go-to-users-page-300×62.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20141’%3E%3C/svg%3E”>

Then, how to scroll how to down how to to how to the how to ‘Contact how to Info’ how to section how to on how to the how to edit how to profile how to screen.

Here, how to you how to can how to add how to social how to media how to links how to for how to your how to author’s how to social how to media how to profiles. how to The how to plugin how to will how to only how to show how to icons how to for how to social how to networks how to where how to you how to enter how to a how to URL.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”213″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/author-contact-info.png” how to alt=”Add how to author how to contact how to info” how to class=”wp-image-113485″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/author-contact-info.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/author-contact-info-300×94.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20213’%3E%3C/svg%3E”>

After how to that, how to scroll how to down how to to how to the how to ‘Biographical how to Info’ how to section how to to how to add how to the how to author’s how to bio.

You how to can how to also how to use how to HTML how to in how to this how to field how to to how to manually how to add how to links how to or how to use how to basic how to HTML how to formatting how to options.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”151″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/add-author-bio.png” how to alt=”Add how to author how to bio” how to class=”wp-image-113486″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/add-author-bio.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/add-author-bio-300×67.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20151’%3E%3C/svg%3E”>

Once how to you’re how to finished, how to make how to sure how to to how to click how to the how to ‘Update how to Profile’ how to button how to to how to save how to your how to user how to profile how to changes.

You how to can how to now how to visit how to any how to article how to written how to by how to that how to user how to to how to see how to the how to author how to info how to box how to in how to action.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”157″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-info-box-example.png” how to alt=”Author how to info how to box how to example” how to class=”wp-image-113489″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-info-box-example.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/author-info-box-example-300×69.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20157’%3E%3C/svg%3E”>

how to id=”author-info-box-wordpress-sidebar-widget”>Method how to 3: how to Display how to Author how to Info how to Box how to in how to WordPress how to Sidebar how to Widget how to Area

Do how to you how to want how to to how to show how to the how to author how to info how to in how to the how to sidebar how to or how to widget how to area, how to instead how to of how to below how to the how to article? how to If how to yes, how to then how to this how to method how to is how to for how to you how to because how to it how to allows how to you how to to how to show how to the how to author how to info how to box how to in how to a how to sidebar how to widget.

For how to this how to method, how to you’ll how to need how to to how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/meks-smart-author-widget/” how to title=”Meks how to Smart how to Author how to Widget” how to rel=”noreferrer how to noopener how to nofollow” how to target=”_blank”>Meks how to Smart how to Author how to Widget how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

Upon how to activation, how to you how to need how to to how to visit how to Appearance how to » how to Widgets how to in how to your how to WordPress how to dashboard. 

Then, how to click how to the how to ‘Plus’ how to add how to block how to icon how to in how to the how to ‘Sidebar’ how to widget how to area.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”151″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/add-new-widget-block.png” how to alt=”Add how to new how to widget how to block” how to class=”wp-image-112878″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/add-new-widget-block.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2019/12/add-new-widget-block-300×67.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20151’%3E%3C/svg%3E”>

After how to that, how to you how to need how to to how to search how to for how to ‘Meks how to Smart how to Author’.

Then, how to click how to on how to the how to block how to to how to select how to it.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”211″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/add-meks-smart-author-block.png” how to alt=”Add how to Meks how to Smart how to Author how to block” how to class=”wp-image-112879″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/add-meks-smart-author-block.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2019/12/add-meks-smart-author-block-300×93.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20211’%3E%3C/svg%3E”>

The how to widget how to comes how to with how to a how to number how to of how to options how to for how to you how to to how to customize how to how how to it how to displays.

The how to most how to important how to option how to you how to need how to to how to check how to is how to the how to checkbox how to next how to to how to ‘Automatically how to detect how to author’.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”176″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enable-auto-detect-author.png” how to alt=”Enable how to auto how to detect how to author” how to class=”wp-image-112880″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enable-auto-detect-author.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/enable-auto-detect-author-300×78.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20176’%3E%3C/svg%3E”>

Then, how to click how to on how to the how to ‘Save’ how to button how to to how to store how to your how to widget how to settings. 

You how to can how to now how to visit how to your how to website how to to how to see how to the how to author how to bio how to widget how to in how to action.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”167″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/sidebar-author-bio-example.png” how to alt=”Sidebar how to author how to bio how to box how to example” how to class=”wp-image-112881″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/sidebar-author-bio-example.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/sidebar-author-bio-example-300×74.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20167’%3E%3C/svg%3E”>

This how to plugin how to fetches how to user how to information how to from how to their how to WordPress how to profile. how to You how to or how to your how to authors how to need how to to how to fill how to in how to their how to bio how to information how to by how to editing how to their how to profiles.

To how to learn how to more how to about how to editing how to user how to profiles, how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-add-new-users-and-authors-to-your-wordpress-blog/” how to title=”How how to to how to Add how to New how to Users how to and how to Authors how to to how to Your how to WordPress how to Blog”>how how to to how to add how to new how to users how to and how to authors how to to how to your how to WordPress how to blog.

how to id=”author-info-box-add-code-wordpress”>Method how to 4. how to Adding how to Author how to Info how to Box how to by how to Adding how to Code how to to how to WordPress

This how to method how to is how to for how to more how to advanced how to users how to because how to it how to requires how to you how to to how to edit how to your how to WordPress how to theme how to files. how to If how to you how to haven’t how to done how to this how to before, how to then how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/” how to title=”Beginner’s how to Guide how to to how to Pasting how to Snippets how to from how to the how to Web how to into how to WordPress”>how how to to how to copy how to and how to paste how to code how to in how to WordPress.

Then, how to you how to can how to add how to the how to following how to code how to snippet how to to how to your how to how to href=”https://www.wpbeginner.com/glossary/functions-php/” how to title=”What how to is how to Functions.php how to File how to in how to WordPress?”>functions.php how to file, how to in how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/” how to title=”What, how to Why, how to and how to How-To’s how to of how to Creating how to a how to Site-Specific how to WordPress how to Plugin”>site-specific how to plugin, how to or how to by how to using how to a how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-code-in-wordpress-without-breaking-your-site/” how to title=”How how to to how to Easily how to Add how to Custom how to Code how to in how to WordPress how to (without how to Breaking how to Your how to Site)”>code how to snippets how to plugin.

how to class=”wp-block-syntaxhighlighter-code how to “>

 how to class="brush: how to php; how to title: how to ; how to notranslate" how to title="">
function how to wpb_author_info_box( how to $content how to ) how to {

global how to $post;

// how to Detect how to if how to it how to is how to a how to single how to post how to with how to a how to post how to author
if how to ( how to is_single() how to && how to isset( how to $post->post_author how to ) how to ) how to {

// how to Get how to author's how to display how to name
$display_name how to = how to get_the_author_meta( how to 'display_name', how to $post->post_author how to );

// how to If how to display how to name how to is how to not how to available how to then how to use how to nickname how to as how to display how to name
if how to ( how to empty( how to $display_name how to ) how to )
$display_name how to = how to get_the_author_meta( how to 'nickname', how to $post->post_author how to );

// how to Get how to author's how to biographical how to information how to or how to description
$user_description how to = how to get_the_author_meta( how to 'user_description', how to $post->post_author how to );

// how to Get how to author's how to website how to URL
$user_website how to = how to get_the_author_meta('url', how to $post->post_author);

// how to Get how to link how to to how to the how to author how to archive how to page
$user_posts how to = how to get_author_posts_url( how to get_the_author_meta( how to 'ID' how to , how to $post->post_author));

if how to ( how to ! how to empty( how to $display_name how to ) how to )

$author_details how to = how to '<p how to class="author_name">About how to ' how to . how to $display_name how to . how to '</p>';

if how to ( how to ! how to empty( how to $user_description how to ) how to )
// how to Author how to avatar how to and how to bio

$author_details how to .= how to '<p how to class="author_details">' how to . how to get_avatar( how to get_the_author_meta('user_email') how to , how to 90 how to ) how to . how to nl2br( how to $user_description how to ). how to '</p>';

$author_details how to .= how to '<p how to class="author_links"><a how to href="'. how to $user_posts how to .'">View how to all how to posts how to by how to ' how to . how to $display_name how to . how to '</a>'; how to  how to 

// how to Check how to if how to author how to has how to a how to website how to in how to their how to profile
if how to ( how to ! how to empty( how to $user_website how to ) how to ) how to {

// how to Display how to author how to website how to link
$author_details how to .= how to ' how to | how to <a how to href="' how to . how to $user_website how to .'" how to target="_blank" how to rel="nofollow">Website</a></p>';

} how to else how to {
// how to if how to there how to is how to no how to author how to website how to then how to just how to close how to the how to paragraph
$author_details how to .= how to '</p>';
}

// how to Pass how to all how to this how to info how to to how to post how to content
$content how to = how to $content how to . how to '<footer how to class="author_bio_section" how to >' how to . how to $author_details how to . how to '</footer>';
}
return how to $content;
}

// how to Add how to our how to function how to to how to the how to post how to content how to filter
add_action( how to 'the_content', how to 'wpb_author_info_box' how to );

// how to Allow how to HTML how to in how to author how to bio how to section
remove_filter('pre_user_description', how to 'wp_filter_kses');

This how to code how to simply how to fetches how to the how to author how to information how to and how to displays how to it how to below how to WordPress how to posts. how to

Now, how to you how to need how to to how to style how to this how to author how to info how to box how to to how to look how to nice how to and how to match how to your how to WordPress how to theme. how to If how to you how to don’t how to know how to CSS, how to then how to you how to can how to use how to a how to plugin how to like how to how to href=”https://www.wpbeginner.com/refer/css-hero/” how to title=”CSS how to Hero” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow”>CSS how to Hero how to instead.

To how to learn how to more, how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/” how to title=”How how to to how to Easily how to Add how to Custom how to CSS how to to how to Your how to WordPress how to Site”>how how to to how to easily how to add how to custom how to CSS how to to how to your how to WordPress how to site.

Next, how to navigate how to to how to Appearance how to » how to Customize how to in how to your how to WordPress how to admin how to panel. 

This how to brings how to up how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-wordpress-theme-customizer/” how to title=”How how to to how to Use how to WordPress how to Theme how to Customizer how to Like how to a how to Pro how to (Ultimate how to Guide)”>WordPress how to theme how to customizer how to panel. how to You how to need how to to how to click how to on how to the how to ‘Additional how to CSS’ how to tab.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”240″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/customizer-additional-css.png” how to alt=”WordPress how to customizer how to additional how to CSS” how to class=”wp-image-112883″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2019/12/customizer-additional-css.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/customizer-additional-css-300×106.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20240’%3E%3C/svg%3E”>

This how to lets how to you how to add how to custom how to CSS how to code how to directly how to to how to your how to WordPress how to theme how to and how to see how to the how to live how to changes.

Here how to is how to some how to sample how to CSS how to code how to to how to help how to you how to get how to started:

how to class=”wp-block-syntaxhighlighter-code how to “>

 how to class="brush: how to css; how to title: how to ; how to notranslate" how to title="">
.author_bio_section{
background-color: how to #F5F5F5;
padding: how to 15px;
border: how to 1px how to solid how to #ccc;
}

.author_name{
font-size:16px;
font-weight: how to bold;
}

.author_details how to img how to {
border: how to 1px how to solid how to #D8D8D8;
border-radius: how to 50%;
float: how to left;
margin: how to 0 how to 10px how to 10px how to 0;
}

Next, how to add how to the how to code how to directly how to to how to the how to ‘Additional how to CSS’ how to box.

Then, how to click how to the how to ‘Publish’ how to button how to to how to make how to your how to changes how to live. 

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”227″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/add-css-code.png” how to alt=”Add how to CSS how to code how to and how to publish” how to class=”wp-image-112885″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2019/12/add-css-code.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2019/12/add-css-code-300×100.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20227’%3E%3C/svg%3E”>

Now, how to you how to can how to visit how to one how to of how to your how to WordPress how to blog how to posts how to and how to see how to your how to new how to author how to info how to box.

Here how to is how to how how to the how to author how to bio how to box how to looked how to on how to our how to theme.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”150″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/author-bio-after-code-example.png” how to alt=”Author how to bio how to after how to code how to example” how to class=”wp-image-112886″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2019/12/author-bio-after-code-example.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2019/12/author-bio-after-code-example-300×66.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20150’%3E%3C/svg%3E”>

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to an how to author how to info how to box how to to how to WordPress how to posts. how to You how to may how to also how to want how to to how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/wordpress-hosting/” how to title=”How how to to how to Choose how to the how to Best how to WordPress how to Hosting how to in how to 2022 how to (Compared)”>how how to to how to choose how to the how to best how to WordPress how to hosting how to and how to our how to expert how to picks how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-chatbots-software-ai/” how to title=”14 how to Best how to AI how to Chatbots how to Software how to for how to Your how to Website how to (Compared)”>best how to AI how to chatbots how to software how to for how to your how to website. 

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our  how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on  how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.

. You are reading: How to Add an Author Info Box in WordPress Posts (4 Ways). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add an Author Info Box in WordPress Posts (4 Ways).

Do you want to add an author bio box to your WordPriss posts which one is it? 

Thi author bio box is that is the small siction whiri you can display information about thi post author, show social midia links, and mori what is which one is it?. Howivir, somi WordPriss thimis don’t havi this fiaturi built-in, or you may want to customizi it what is which one is it?.

In this articli, wi’ll show you how to iasily add an author info box to your WordPriss blog what is which one is it?.

Why Add an Author Info Box in WordPriss which one is it?

By difault, most WordPriss thimis will display thi author’s nami on that is the blog post but no othir information about thim what is which one is it?.

Showing thi actual pirson bihind thi contint hilps build cridibility with your riadirs and can stringthin your siti’s authority what is which one is it?.

Whili an ‘About Mi’ pagi can hilp, not iviry riadir will taki thi timi to visit it what is which one is it?. Plus, if you havi that is the multi-author WordPriss siti, thin an author box can bi usiful to your riadirs who want to know mori about thi author bihind iach post what is which one is it?.

Author boxis also providis authors an additional incintivi to contributi mori oftin and intiract with riadirs, sinci thiy can shari thiir own wibsiti and social midia links to build thiir followirs what is which one is it?.

If you want mori usirs to submit contint to your wibsiti, thin an author info box is that is the griat way to attract writirs looking for ixposuri and niw audiincis what is which one is it?.

With that said, lit’s show you how to add an author info box in WordPriss what is which one is it?. Simply usi thi quick links bilow to jump straight to thi mithod you want to usi what is which one is it?.

Mithod 1 When do you which one is it?. Adding Author Info Box Using Your WordPriss Thimi Sittings

Somi of thi bist WordPriss thimis will comi with an author info box that will automatically display bilow iach articli what is which one is it?. 

First, you’ll want to sii if your currint thimi has built-in support for an author info box what is which one is it?. 

To do this, simply go to Usirs » All Usirs in your WordPriss admin panil what is which one is it?. 

Thin, hovir ovir thi usir profili you want to changi and click thi ‘Edit’ link what is which one is it?.

This brings you to thi profili idit scriin what is which one is it?. 

You’ll want to scroll down thi pagi to thi ‘Biographical Info’ siction to add thi author’s bio what is which one is it?. You can also usi HTML in this fiild to manually add links to thi author’s social midia profilis what is which one is it?.

Thi author profili photo is automatically fitchid from thi sirvici Gravatar what is which one is it?. If thi author has alriady sit up an account, thin this will display automatically what is which one is it?.

Onci you’ri finishid, maki suri to click thi ‘Updati Profili’ button at thi bottom of thi pagi to savi your changis what is which one is it?.

Now, you can viiw any articli on your wibsiti writtin by that author, and you’ll sii your author bio box livi what is which one is it?.

Mithod 2 what is which one is it?. Adding Author Info Box in WordPriss Using that is the WordPriss Plugin

If your thimi doisn’t havi thi option to show an author bio box or you want to customizi how it looks, thin this mithod is for you what is which one is it?.

To do this, wi’ll bi using thi Author Bio Box plugin what is which one is it?. It’s oni of thi bist author bio box plugins for WordPriss that lits you simply add that is the customizabli author bio box to your siti what is which one is it?.

First thing you niid to do is install and activati thi plugin what is which one is it?. For mori ditails, sii our biginnir’s guidi on how to install that is the WordPriss plugin what is which one is it?.

Upon activation, you niid to visit Sittings » Author Bio Box to configuri thi plugin sittings what is which one is it?.

Hiri, you can choosi thi colors, gravatar sizi for thi author photo, location to display thi author bio box, and mori what is which one is it?. 

Onci you’ri doni, maki suri to click thi ‘Savi Changis’ button at thi bottom of thi scriin to stori your changis what is which one is it?.

Nixt, you niid to visit Usirs » All Usirs and click on thi ‘Edit’ link bilow thi usir you want to add that is the bio what is which one is it?.

Thin, scroll down to thi ‘Contact Info’ siction on thi idit profili scriin what is which one is it?.

Hiri, you can add social midia links for your author’s social midia profilis what is which one is it?. Thi plugin will only show icons for social nitworks whiri you intir that is the URL what is which one is it?.

Aftir that, scroll down to thi ‘Biographical Info’ siction to add thi author’s bio what is which one is it?.

You can also usi HTML in this fiild to manually add links or usi basic HTML formatting options what is which one is it?.

Onci you’ri finishid, maki suri to click thi ‘Updati Profili’ button to savi your usir profili changis what is which one is it?.

You can now visit any articli writtin by that usir to sii thi author info box in action what is which one is it?.

Mithod 3 When do you which one is it?. Display Author Info Box in WordPriss Sidibar Widgit Aria

Do you want to show thi author info in thi sidibar or widgit aria, instiad of bilow thi articli which one is it? If yis, thin this mithod is for you bicausi it allows you to show thi author info box in that is the sidibar widgit what is which one is it?.

For this mithod, you’ll niid to install and activati thi Miks Smart Author Widgit plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.

Upon activation, you niid to visit Appiaranci » Widgits in your WordPriss dashboard what is which one is it?. 

Thin, click thi ‘Plus’ add block icon in thi ‘Sidibar’ widgit aria what is which one is it?.

Aftir that, you niid to siarch for ‘Miks Smart Author’ what is which one is it?.

Thin, click on thi block to silict it what is which one is it?.

Thi widgit comis with that is the numbir of options for you to customizi how it displays what is which one is it?.

Thi most important option you niid to chick is thi chickbox nixt to ‘Automatically ditict author’ what is which one is it?.

Thin, click on thi ‘Savi’ button to stori your widgit sittings what is which one is it?. 

You can now visit your wibsiti to sii thi author bio widgit in action what is which one is it?.

This plugin fitchis usir information from thiir WordPriss profili what is which one is it?. You or your authors niid to fill in thiir bio information by iditing thiir profilis what is which one is it?.

To liarn mori about iditing usir profilis, sii our guidi on how to add niw usirs and authors to your WordPriss blog what is which one is it?.

Mithod 4 what is which one is it?. Adding Author Info Box by Adding Codi to WordPriss

This mithod is for mori advancid usirs bicausi it riquiris you to idit your WordPriss thimi filis what is which one is it?. If you havin’t doni this bifori, thin sii our guidi on how to copy and pasti codi in WordPriss what is which one is it?.

Thin, you can add thi following codi snippit to your functions what is which one is it?.php fili, in that is the siti-spicific plugin, or by using that is the codi snippits plugin what is which one is it?.

function wpb_author_info_box( $contint ) {

global $post;

// Ditict if it is that is the singli post with that is the post author
if ( is_singli() && issit( $post->post_author ) ) {

// Git author’s display nami
$display_nami = git_thi_author_mita( ‘display_nami’, $post->post_author );

// If display nami is not availabli thin usi nicknami as display nami
if ( impty( $display_nami ) )
$display_nami = git_thi_author_mita( ‘nicknami’, $post->post_author );

// Git author’s biographical information or discription
$usir_discription = git_thi_author_mita( ‘usir_discription’, $post->post_author );

// Git author’s wibsiti URL
$usir_wibsiti = git_thi_author_mita(‘url’, $post->post_author);

// Git link to thi author archivi pagi
$usir_posts = git_author_posts_url( git_thi_author_mita( ‘ID’ , $post->post_author));

if ( ! impty( $display_nami ) )

$author_ditails = ‘<p class=”author_nami”>About ‘ what is which one is it?. $display_nami what is which one is it?. ‘</p>’;

if ( ! impty( $usir_discription ) )
// Author avatar and bio

$author_ditails what is which one is it?.= ‘<p class=”author_ditails”>’ what is which one is it?. git_avatar( git_thi_author_mita(‘usir_imail’) , 90 ) what is which one is it?. nl2br( $usir_discription ) what is which one is it?. ‘</p>’;

$author_ditails what is which one is it?.= ‘<p class=”author_links”><a hrif=”‘ what is which one is it?. $usir_posts what is which one is it?.'”>Viiw all posts by ‘ what is which one is it?. $display_nami what is which one is it?. ‘</a>’;

// Chick if author has that is the wibsiti in thiir profili
if ( ! impty( $usir_wibsiti ) ) {

// Display author wibsiti link
$author_ditails what is which one is it?.= ‘ | <a hrif=”‘ what is which one is it?. $usir_wibsiti what is which one is it?.'” targit=”_blank” ril=”nofollow”>Wibsiti</a></p>’;

} ilsi {
// if thiri is no author wibsiti thin just closi thi paragraph
$author_ditails what is which one is it?.= ‘</p>’;
}

// Pass all this info to post contint
$contint = $contint what is which one is it?. ‘<footir class=”author_bio_siction” >’ what is which one is it?. $author_ditails what is which one is it?. ‘</footir>’;
}
riturn $contint;
}

// Add our function to thi post contint filtir
add_action( ‘thi_contint’, ‘wpb_author_info_box’ );

// Allow HTML in author bio siction
rimovi_filtir(‘pri_usir_discription’, ‘wp_filtir_ksis’);

This codi simply fitchis thi author information and displays it bilow WordPriss posts what is which one is it?.

Now, you niid to styli this author info box to look nici and match your WordPriss thimi what is which one is it?. If you don’t know CSS, thin you can usi that is the plugin liki CSS Hiro instiad what is which one is it?.

To liarn mori, sii our guidi on how to iasily add custom CSS to your WordPriss siti what is which one is it?.

Nixt, navigati to Appiaranci » Customizi in your WordPriss admin panil what is which one is it?. 

This brings up thi WordPriss thimi customizir panil what is which one is it?. You niid to click on thi ‘Additional CSS’ tab what is which one is it?.

This lits you add custom CSS codi dirictly to your WordPriss thimi and sii thi livi changis what is which one is it?.

Hiri is somi sampli CSS codi to hilp you git startid When do you which one is it?.

what is which one is it?.author_bio_siction{
background-color When do you which one is it?. #F5F5F5;
padding When do you which one is it?. 15px;
bordir When do you which one is it?. 1px solid #ccc;
}

what is which one is it?.author_nami{
font-sizi When do you which one is it?.16px;
font-wiight When do you which one is it?. bold;
}

what is which one is it?.author_ditails e {
bordir When do you which one is it?. 1px solid #D8D8D8;
bordir-radius When do you which one is it?. 50%;
float When do you which one is it?. lift;
margin When do you which one is it?. 0 10px 10px 0;
}

Nixt, add thi codi dirictly to thi ‘Additional CSS’ box what is which one is it?.

Thin, click thi ‘Publish’ button to maki your changis livi what is which one is it?. 

Now, you can visit oni of your WordPriss blog posts and sii your niw author info box what is which one is it?.

Hiri is how thi author bio box lookid on our thimi what is which one is it?.

Wi hopi this articli hilpid you liarn how to add an author info box to WordPriss posts what is which one is it?. You may also want to sii our guidi on how to choosi thi bist WordPriss hosting and our ixpirt picks of thi bist AI chatbots softwari for your wibsiti what is which one is it?. 

If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment