How to add an Author Box in Divi with/without Plugin.

Aug 16, 2019 | Divi Tips | 6 comments

Samar Jamil

Hi guys.

In this tutorial, I am going to show you how you can add an author box beneath your blog post content without any plugin. So, first of all, we need a Child theme Installed and active on our site to do all the changes safely. You can download a free blank child theme by clicking here.

After Downloading this free Child theme you should now go to your WordPress Dashboard > Appearance> Themes and then click on Add New.

 

Now Click on the Upload button and then Choose the Divi Child theme that you’ve downloaded before.

 

After Installing make sure to activate it as well.

As we are done with the Child theme Installation now it’s time to take action. First of all, go to Theme Customizer Settings.

As we are now in the Theme Customizer so we are going to add some font styling to our Theme. For this go to General Settings and then open up Typography and Do these Changes as shown in this image:

Now grab this Code from here and paste it in your Child theme function.php beneath of this line <?php

If you want to add Social Sharing on your Post you can paste this code just below the code you pasted in your function.php.

But unfortunately, my Highlighter was not able to recognize the code so you can download code file from here and then paste it in function.php

Don’t know where to paste this Code in function.php. Here is a quick look at how to paste.

After pasting all that Code in your Child theme function.php, have a look at your post page after the main content. Here is how it’s looking 

You might be wondering that there is nothing special in this Author box as there is no any styling applied. But wait, we are going to do it. Now it’s time to add some styling to the Author box. To make it look of some standards.

Now copy this CSS from here and paste it in the Divi > Theme Options and then in the Custom CSS Box.

After pasting this CSS in the Theme Options now go to your blog post and have a look, you will now have a nicely styles Author Box with Image, Title, Bio and awesome looking Social Share Icons to Share your post.

And that’s it for today hope you have liked it and if you face any problem while pasting codes etc. Make sure to Comment so I will be able to help.

Written by : Samar Jamil

"

Get Freebies and new blog post notification straight in your inbox!

6 Comments

  1. Herman

    You forgot the step where the childtheme must be activated.

    Reply
    • Samar Jamil

      Thanks for your informing me I’ll update it soon.

      Reply
    • Samar Jamil

      Hi Tevya!
      I see your plugin It’s awesome.

      Reply
  2. Johannes

    Hi Samar, your DL-button for your plugin goes to a local URL, no download possible yet.
    Thank you

    Reply
    • Samar Jamil

      Hey Johannes.
      Thanks for informing I updated all the links please check again.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

SamarJ

A site where you can find some awesome resources for the Divi theme and WordPress.

SamarJ

A site where you can find some awesome resources for the Divi theme and WordPress.

Donate

Buy me a coffeeBuy me a coffee

Copyright © 2019 SamarJ