Divi Plugin Highlight: Author Box for Divi

Last Updated on September 22, 2022 by 5 Comments

Divi Plugin Highlight: Author Box for Divi
Blog / Divi Resources / Divi Plugin Highlight: Author Box for Divi

WordPress provides an author’s bio that appears at the end of a post. This is an interesting way to get to know a little something about the author. It includes an image and a short paragraph that provides some information about the author which can include links to follow them on social media. This author’s bio isn’t added to Divi posts by default. Fortunately, it’s not too difficult to add it. In this article, we’ll look at one of the easiest methods- a free plugin called Author Box for Divi.

The Default WordPress Author Box

The Default WordPress Author Box

First, let’s look at the WordPress author box and see why we need to add one to Divi. The default author bio for WordPress is a small section within your User Profile settings under the Users menu in the dashboard. This section includes a box for your biographical information and your profile picture. This is placed at the bottom of the post for themes that have it activated.

The Default WordPress Author Box

Extra displays them by default. This is one of the many strengths of Extra as a blogging platform.

The Default WordPress Author Box

Divi does not add the author’s bio by default. You can create your dynamic author box in the Theme Builder, but this requires a lot of set up and you have to use the Theme Builder. To learn how to build your author box, see the tutorial How to Design a Dynamic Author Box for Your Blog Post Template with Divi.

The Default WordPress Author Box

You can add them with Divi using the ET Bio shortcode, but this only works with the Classic editor. It does work in both the Classic WordPress editor and in Divi when using the backend builder.

The Default WordPress Author Box

The author’s information has to be added to every post individually. This includes the image URL and content.

The Default WordPress Author Box

This does add the bio to the end of the article, but it doesn’t have styling options and it has to be added to every post. This is cumbersome and adds extra steps to the content creation process.

A better solution is to use a plugin that adds an author box to Divi.

Author Box for Divi

Author Box for Divi

Author Box for Divi is a free plugin in the WordPress depository that adds a section under the post with the author’s bio. The posts can be made with the Divi builder or the Classic Editor. It adds the bio information from the user’s profile, an image, and your choice of up to 11 social networks.

Installing Author Box for Divi

Installing Author Box for Divi

Search for Author Box for Divi in the Add Plugins screen within WordPress. Alternatively, you can download it from the WordPress repository. Install and activate the plugin a normal.

Installing Author Box for Divi

The author box automatically appears under your posts using the bio and photo from the user’s profile. No adjustments are necessary. You can customize it if you want.

Installing Author Box for Divi

You can make several adjustments in the Theme Customizer. It uses the body text font and size. It remains black to stand apart from the body text color. The text color can be adjusted, along with several other elements, in the Author Box for Divi Settings.

Author Box for Divi Settings

Author Box for Divi Settings

A new menu item, appropriately called Author Box for Divi, is added to the dashboard. Fill in the name prefix, add the text color, background color, border color, and border-radius. The prefix can be anything you want, but ‘author’ or ‘written by’ are great choices. The colors can be hex codes, RGB, or HSL. I’ve added hex codes in this example.

Author Box for Divi Settings

It displays the author box with my new settings.

Author Box for Divi Settings

In this example, I’ve used RGB for the text and background colors, and HSL for the border color. I’ve set the border-radius to 60.

Author Box for Divi Settings

Here are the new colors. The corners are more rounded.

Author Box for Divi User Settings

Author Box for Divi User Settings

Author Box for Divi also adds a new set of options in the User settings. Here, you can specify a URL for a photo and URLs for your social media networks. It includes 11 popular networks. I didn’t see a way to customize the icons or their colors. That would be an excellent feature to add later.

Using Author Box for Divi with Divi Layouts

Here’s how Author Box for Divi looks with a few Divi Theme Builder layouts.

Divi Theme Builder Pack 5

Divi Theme Builder Pack 5

I’ve added a Divi Theme Builder layout to my test site. I’ll use colors from this design to make the author box match the layout.

Divi Theme Builder Pack 5

I’ve used white for the text, the dark blue for the background color, and the Mandy’s Pink from the Divi logo for the border color. I’ve set the border-radius to 10.

Divi Theme Builder Pack 5

Here’s the author box under the content. For this one, I didn’t use the social networks.

Divi Theme Builder Pack 5

The Theme Builder Layout Pack blog layout includes several interesting colors. I’ll style the author box with these colors.

Divi Theme Builder Pack 5

I’ve adjusted the colors to match the light blue background, purple divider, and orange text.

Divi Theme Builder Pack 5

Here’s how it looks within the layout.

Divi Theme Builder Pack 3

Divi Theme Builder Pack 3

Here are the colors from the Divi Theme Builder Layout Pack 3 that I want to use. For this one, I’m adding social networks and a custom photo.

Divi Theme Builder Pack 3

I’ve added the dark blue for the background and I made the text white. I left the border color and radius blank.

Divi Theme Builder Pack 3

Here’s the result. I’ve added a photo to the user settings that has a rounded background and I’ve added all of the social networks, but you can add just a few if you want.

Divi Theme Builder Pack 3

In this one, I changed the border-radius to 1000. This created an interesting effect that allowed the image to overlap the border.

Divi Theme Builder Pack 3

Here’s how the square author box looks within the layout. It fits well within the Divi design. This layout also includes an author photo at the top, which is now a different image than the one in the author box. The reason for this is I specified a URL for Author Box for Divi to use.

Ending Thoughts

That’s our look at Author Box for Divi. The plugin is easy to use. It works automatically, so you don’t have to do anything to have it to display within your posts. Its information comes from the user’s bio. I like that you can override the photo if you prefer to use something other than your Gravatar. It also includes a lot of social networks with clickable buttons.

Although it doesn’t work like a module complete with shadows and animations, it does have some styling options to make it fit within the Divi layouts. If you’re interested in a free plugin to add author information to your posts, Author Box for Divi is an excellent choice.

We want to hear from you. Have you tried Author Box for Divi? Let us know what you think about it in the comments.

Featured Image via VectorMine / shutterstock.com

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting

Divi Supreme Pro

With 50+ Divi premium modules and extensions to choose from. Take ...

View Product

9580 Sales

Divi Plus

A versatile multipurpose plugin with lots of modules to design & ...

View Product

6441 Sales

Divi Events Calendar

Easily display and style events from The Events Calendar with custom ...

View Product

7079 Sales

Divi Contact Form Helper

Upgrade the default Divi Contact Form with tons of missing, premium, ...

View Product

2497 Sales

Table Maker

Divi-Modules – Table Maker brings beautiful responsive tables to the ...

View Product

6162 Sales

DiviMenus

A powerful menu builder that brings the coolest designs and popups ...

View Product

4925 Sales

Divi Carousel Module 2.0

Robust and extremely customizable carousel module for divi.

View Product

7668 Sales

Divi Essential

All in one set of 64+ design modules with 600+ layouts for all Divi ...

View Product

3374 Sales

Premade Layouts

Check Out These Related Posts

Divi Product Highlight: Divi Layouts Extended

Divi Product Highlight: Divi Layouts Extended

Updated on September 25, 2023 in Divi Resources

Divi Layouts Extended is a third-party product for Divi that includes over 1700 layouts that are imported through a custom dashboard. They cover a wide range of genres and include modules, sections, and complete pages. In this post, we’ll look at Divi Layouts Extended to help you decide if...

View Full Post
Get a Free Online University Layout Pack for Divi

Get a Free Online University Layout Pack for Divi

Updated on September 22, 2023 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Online University Layout Pack that’ll help you get your next Online...

View Full Post

5 Comments

  1. Very nice layouts. By the way on the about template you spelt legendary

  2. Thanks….I was looking for a Plugin like this plugin….👍

  3. So many good add-ons for Divi.
    I really do consider switching away from Flatsome to Divi.
    The template builder is an awesome feature. Also really like all the tutorials out there for Divi.

  4. Hi ET Team,
    I have a question ?? How can I customize the divi theme like stylecraze ?? or any template for this? By the way, Thank you so much for free layout.

  5. I was looking for a plugin like this that work well with Divi out of the box. So glad I get to know about this. Thanks Andrej for creating this useful plugin. Looking forward more Divi products from you…

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today