How to add an Author Box in Divi with/without Plugin.
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!