Disclosure: Some links on this page are affiliate links, but please note that I’d never put something on here that I wouldn’t highly recommend.
I shared earlier this week that an About page helps your reader better understand how you can help them. In today’s post, I’m going to walk you step by step through my creation of an About Page using Divi Builder (you can see my complete tutorial for installing and getting started here). This is my favorite theme because it’s easy to use and completely customizable.
So let’s get started! I shared before what to include in your about page. Every page will look a little different, based on each blogger’s taste and message. For the purposes of this post, I’ll walk you through my own process for creating my About page. Feel free to follow the format I use, but you might also want to try out a few different alternatives!
First I click on the About page from my homepage (if you don’t have an about page, add a new page and call it “About” and add it by going to Appearance > Menus in the WordPress dashboard)
Then click Edit Page in the black bar at the top of the screen.
TIP: if you don’t see the black bar or Edit Page, that means you aren’t logged in. Be sure to login at [YOUR URL]/wp-admin/
Click Use the Divi Builder
Then select Insert Column(s)
I mention in my overview of the Divi Theme Builder how columns work, so I won’t go into a ton of detail here. For right now, I only want one column here, since I want my mission statement to stretch across the page. So I’ll select the 1 column option:
Next I’ll select Insert Module(s)
For this I’d like a Text module:
I then type in the text I want (my mission statement), change the font to Heading 1 and then click Save & Exit. if you want to edit the text more, you can select Advanced Design Settings, but I like mine as is:
You can click on that eyeball in the bottom center to get a preview. I find I preview to click Preview Page after I’ve clicked Save & Exit, that way I can see it in terms of the rest of the whole page. Here’s how it looks so far:
Now I want to add another image below it, so I’ll click Insert Module(s)
In this case, I want an Image module:
I will then upload the image I want. And here is how it looks so far:
Now let’s create a module below it. I’ll select Add Row
Then I will select the 4-column format:
I will select Insert Module(s) and select which kind of module it will be. First I will chose an image module. Then below each one, a text module.
Here is what it looks like in Divi builder:
Each image and text column represents a particular category or outlet I want a reader to go to. For my site here, it is: the blog, courses, newsletter, and services. I created a small icon for each topic:
Also, during the process, I rearranged things a little. I decided I wanted a little blurb about myself before my resources—so luckily Divi Builder lets me move things around pretty easily! So I ended up putting a 1-column text section below my image:
Creating a Contact Form
I recommend having a simple way for people to contact you. You can use the Contact Form module in Divi Builder. Simply create a 1-column row and add the Contact Form:
Enter in the email that you want messages sent to, then click Save & Exit
And that’s it! The About page is done! You can check out my About Page as an example.
As you set up your about page, I highly recommend you do it at the right time in your blogging business. Far too often bloggers set up their sites a bit out of order and end up either wasting time or missing out on a chance to build a long-term relationship with readers. Check out my blog checklist below to help you get started right:
Step-by-Step Blog Launch Checklist
If you are starting or re-launching a blog, chances are you might be a little overwhelmed with the process. In this Blog Launch Checklist, I break down everything that you need to do to get your blog running.