The Divi theme does not allow you to natively add an author's bio at the end of blog posts. If your blog has various editors (or even if you are the only one), you may want to post a short biography at the end of each article. In this tutorial, I will explain two ways to add an "author box" to your articles: with or without a plugin.

Advertisement: This article contains affiliate links that you will easily recognize. Classic links are in purple and sponsored links are in pink.

 

Method 1: Add a bio at the end of your articles with Simple Author Box

plugin simple author box

Easily add an author's bio with the "Simple Author Box" plugin

Simple Author Box is a freemium plugin whose free version is already more than enough to add a nice author box at the end of your articles.

The appearance of the author boxes can be configured from the general settings of the plugin. Many options are available.

From their profile, each user (administrator, editor, contributor, author...) will be able to easily add the social networks they use.

Here's how to do it:

 

1. Install and activate Simple Author Box

As usual, go to the Extensions > Add tab and type Simple Author Box in the search field. Install it and activate it.

 

2. Perform plugin settings

You will see a new tab appear in the left sidebar of your administration screen: Simple Author. This is where you can start customizing your author boxes.

Simple Author Réglages

  • The SETTINGS tab: here you can decide whether or not to display the "author box", email, opening in a new tab, icons etc.
  • The APPEARANCE tab: here you can customize the margins, choose the appearance of the photo (round or square) and decide on the appearance of the social network icons.
  • The COLORS tab: here, everything is customizable. You can change the color of the "author box", the background of icons, links, text etc....
  • The TYPOGRAPHY tab: here you can define the type of titles, text etc. You will have the choice in the Google Fonts catalogue.

 

3. Add social network icons to authors' bio

Customiser son profil-auteur

The second part of the Simple Author Box settings is done in the settings of your profile.

  1. In the Users > Your Profile tab, you will be able to:
  2. Enter your biography. This is native to WordPress, no need for this plugin to enter your bio. But if you want your "author box" to have an impact, make sure you fill in this field.
  3. Add an illustration to your profile. This is automatic if you use Gravatar.
  4. If you are not using a Gravatar profile, Simple Author Box allows you to upload an image to illustrate your profile.
  5. Finally, you can add as many social icons as necessary. Don't forget to enter the URL of each of your profiles.

 

4. Check the result

After having made your settings and customizations, you will be able to see your bio at the end of each of your articles.

Symbols" type icons

 

Colored - Circle" icons

 

Colored - Square - Long shadow effect" icons

 

5. Advantages and disadvantages of this method

This method is ideal if you maintain a multi-author blog. Thus, each editor will be able to customize his profile via the Users > Your profile tab.

If you are the only editor of your blog, is it really necessary to add such a plugin? Maybe because it is easy to use and the rendering is quite good... Otherwise, an alternative is available to you: coding your bio at the bottom of each article...

 

Method 2: Add a bio at the end of your articles without plugin

The Simple Author Box plugin offers so many possibilities that I'm not sure if you need or want to use the method without a plugin. Here, you will have to get your hands on the code and use your imagination to optimize the appearance of your author box using CSS... But why not?

Here's what you'll have to do:

 

1. Modify the single.php in a child theme

For this plugin-free method, you will need, first of all, to create a Divi child theme.

Then you will have to:

  • copy the single.php file contained in the parent theme to paste it into your child theme.
  • edit this single.php file using a text editor such as SublimText for example (or Bracket)
  • add - after line 142 of the single.php file - this piece of code:

 



				


 

Warning: all red links contained in the code above must be replaced by your own social network links.

 

Code à ajouter dans le single.php

Code to be added to single.php - after line 142

 

2. Add CSS to improve the appearance of the author box

Finally, once the code is inserted in the right place in your single.php file, you can improve the appearance with a little CSS. For my example, here is the CSS code I used:

.ad-author-box {
border: 2px solid;
padding: 30px 30px 60px 30px;
margin-top: 60px;
box-shadow: 5px 5px 0px 0px #e1e1e1 !important;
}

.ad-author-title {
margin-bottom: 20px;
}

.ad-author img{
float: left;
margin-right: 20px;
border-radius: 50%;
box-shadow: 3px 3px 0px 0px #e1e1e1 !important;
}

.ad-icon-author{
padding-top: 45px !important;
background-color: #ffffff;
padding-right: 20px !important;
}

This CSS code must be added to the Appearance tab > Customize > Additional CSS or to the Divi > Theme options > General tab (at the very bottom of the page).

 

3. Check the result

ajouter bio auteur sans plugin

Once the single.php has been modified and the CSS added, you should see a biography of the author at the end of each of your articles similar to the screenshot above. If the design does not suit you, you can easily modify it using CSS.

 

4. Advantages and disadvantages of this method

This method is ideal if (and only if) you are the only editor of your blog and you don't want to overload your site with an additional plugin. However, Simple Author Box does the job well... to see....

 

Discover the Divi theme now!

 

In conclusion....

You have seen that it is rather easy to add a bio of the author at the end of your articles. Is that really necessary? No... Is that interesting? Yes.

Indeed, putting the author forward may be interesting because it humanizes the article. The Internet user sees that there is a real human behind a blog post, it creates interest, interaction... and it's always good. Moreover, it will allow you to put yourself forward because not all Internet users take the time to visit your "About" page.

Comment ajouter une bio à la fin de vos articles WordPress / Divi ?

 

Pin It on Pinterest

Shares
Share This