How to create a WordPress Author Page with Beaver Themer

How to Create a WordPress Author Page with Beaver Themer (In 5 Steps)

If you have multiple contributors to your blog, readers might want to find a full list of posts by a specific writer. By default, WordPress comes with an author archive page, but the layout can be very basic. Fortunately, you can fully customize your WordPress author page using Beaver Themer.

In this post, we’ll discuss the advantages of using author page archives on your site. Then, we’ll show you how to create a WordPress author page with Beaver Themer. Let’s get to work!

An Introduction to WordPress Author Pages (And Why You Might Want to Use Them)

An author archive page is what you see when you click on the writer’s name in an article and a list of their posts is displayed:

The author page of Matt Simon.

There are several benefits to displaying an author page on your website. For instance:

  • It can boost SEO rankings. An author archive page highlights key pieces of information. This helps search engines skim your content for keywords to find relevant data, which may in turn boost your site’s ranking in search results.
  • It can increase a site’s credibility. Displaying multiple works by an author can make that user appear more knowledgeable and trustworthy. Readers may be more likely to see your page as a reliable source if it has numerous articles per author.
  • Contributors can more easily find their past work. An author archive page streamlines the navigation process by listing all relevant articles, which helps both authors and readers find what they’re looking for.

By default, WordPress creates an archive page for your posts. However, it offers limited support in terms of personalization. With Beaver Themer, you can create a custom archive layout:

The Beaver Themer homepage.

Using our tool, you can add personalized details to this page and make it more engaging. This can help reduce your bounce rate and encourage visitors to check out other articles on your blog.

How to Create a WordPress Author Page with Beaver Themer (In 5 Steps)

Now that you know what an author archive page is and how it can benefit your WordPress site, let’s look at how to customize this page.

For this tutorial, you’ll need to have Beaver Builder and Beaver Themer installed on your WordPress website. Once you have these two tools, you’re ready to get started!

Step 1: Create an Author’s User Profile

First, you’ll need an author profile that has a bio and an image. Navigate to your WordPress dashboard and click on Users:

The WordPress dashboard with Users highlighted.

From here, you can either select an existing user or create a new one:

The Users page in WordPress.

We’ll be creating a test user for this tutorial. When you click on Add New, you’ll be asked to provide some information about the user:

Adding a new user in WordPress.

For example, you’ll need to add a username and email. You’ll also need to select a role for the user. Using the dropdown menu, set the role to Author:

Adding a new user and author role.

Then, click on Add New User. Your new profile will be added to the Users page:

The Users page in WordPress.

Now, hover over the username and click on Edit:

The Edit button highlighted in the User page.

On the next page, you can select a display name and write a bio:

Adding a bio to user.

You will also want to upload a profile picture through Gravatar. When you’re ready, click on Update User. This will save your changes to the user profile.

Step 2: Associate One or More Posts With the User

Now it’s time to create a test post for your user. If you already have posts associated with an author, you don’t need to complete this step.

Your test post will help you see what an author archive will look like. Start by navigating to Posts and click on Add New. Add a title and some text to the post.

Then, go to settings and click on the dropdown menu under Author:

The Author dropdown menu.

Choose the test profile you created, then hit Publish:

Publish highlighted in Posts.

This will provide a test post for your author archive page.

Step 3: Create a Themer Layout for Author Archives

Now that you’ve created a user and a new post, it’s time to create a Themer layout. Go to your WordPress dashboard and navigate to Beaver Builder > Themer Layouts:

Adding a new Themer layout.

Click on Add New. In the Title field, type in Author Archive. Then, in the Layout field, select the Archive option:

Adding a Themer layout.

Click on Add Themer Layout. This will take you to a page where you can make modifications to your Themer layout.

Next to the Location field, click on the dropdown menu and select Author Archives:

Selecting the Author Archives option.

Next, click on Launch Beaver Builder:

The Launch Beaver Builder button highlighted.

In the editor, set the Preview As to Author Archives:

Choosing the Author Archives option in Preview As dropdown.

This setting will automatically default to the user that is currently logged in and will only display posts by them.

Step 4: Customize Your Layout

Beaver Themer makes it easy to customize your layout. You have endless design options so that you can make the design perfectly fit your brand. Here’s an example to get started. Let’s start with the heading.

Hover over the row that contains the heading. Then, select the second icon in the toolbar to open the row settings:

Row Settings in the Beaver Builder editor.

In the Style tab, change the text color to white:

Changing the text color to white in the Row Settings.

Then, navigate to the Background section and change Type to Photo:

Changing background type to Photo.

In the Background Photo section, click on the plus sign next to Photo field and select Author Picture:

Choosing the Author Picture option in Background Photo.

In the Author Picture box, you can customize the size of your image:

Customizing the Author Picture image size.


Under Default Image, select a photo. This can be a headshot of your author.

Next, you can customize the overlay of your image in the Background section:

Modifying the overlay color and opacity.

Once you’re done, click on Save.

Now, let’s edit the name of the author. Select the Heading module to open its settings. Then, navigate to the Heading field and click on the plus sign:

Editing the Heading module.

Select Author Name. Then, choose how you want to display the name. This can be the first name, display name, or the nickname you entered in the user profile:

Choosing the author name type.

Once you’re done, click on Save.  

You can also display an author bio in this section. To do this, add a Text Editor module to the row:

The Text Editor module highlighted in Beaver Builder.

Write your short bio in the WYSIWYG editor found under the General tab:

Adding a bio to Beaver Builder.

Alternatively, you can easily add the Author Bio that you entered into your user profile. To do this, click on the plus symbol, locate Author Bio, and click on Connect:

Adding an author bio.

Next, click Save:

Save highlighted in Beaver Builder.

You can also change the way your posts are displayed. Click on the Posts module to open the settings:

Post Settings option.

In the Layout dropdown menu, choose your preferred layout. For example, the Masonry option will display your articles in coumns without a fixed height for rows:

Choosing the Masonry option in Layout.

When you’re happy with your changes, click on Publish:

Publish highlighted in Beaver Builder.

You now have a customized author archive page!

Have fun experimenting with the different settings available. For example, you may prefer to use a plain background for the header. Or, you may wish to display the posts by that author in a neat list rather than blocks.

Step 5: Save Your Changes and Review the Author Page

Once you’ve completed your author page, you can review it to see if everything looks good. To do so, navigate to a post written by the author and click on their name:

A test post.

This will take you to the author archive page that you created:

A GIF of the author archive page.

Now, the new author page will enable readers to find content written by a particular user and offers a better user experience.

Conclusion

If you have many contributors to your blog, you’ll need an easy way to browse posts by different authors. With an author archive page, users can find all articles by a particular contributor in one place.

To recap, here’s how to create an author page with Beaver Themer:

  1. Create an author’s user profile or use an existing one.
  2. Associate at least one post with the user so that they can render on your page.
  3. Create an archive Themer layout for your author archive page.
  4. Customize your template by adding a bio and author image and editing the layout of the posts.
  5. Save your changes and review the author page.

Related Questions

What does Beaver Themer do?

Beaver Themer is an add-on plugin that enables you to build custom dynamic layouts for your website, including headers, footers and WooCommerce pages. It uses Beaver Builder’s intuitive drag-and-drop editor and comes with a library of professionally designed templates.

Do I need the Beaver Builder page builder to Use Beaver Themer?

You need to have the Beaver Builder plugin installed and activated on your website to use Beaver Themer. With these two tools, you’ll be able to create layouts for archives, posts, WooCommerce products, 404 pages, and more.

It would be totally gnaw-some if you could share this post with your friends.

About Will Morris

Will Morris is a staff writer at WordCandy. When he's not writing about WordPress, he likes to gig his stand-up comedy routine on the local circuit.

Our Newsletter

Our newsletter is personally written and sent out about once a month. It's not the least bit annoying or spammy.
We promise.

Try Beaver Builder Today

It would be totally gnaw-some if you could share this post with your friends.

Related articles

How to customize WordPress Website Header

How to Customize WordPress Website Header

Many elements make up a well-designed website. Your WordPress website header is particularly important because it’s the first thing visitors…

Read More...
How to use Header Templates in WordPress

How to Use a Header Template in WordPress

Customizing a WordPress header isn’t often an easy process. If you’re not comfortable editing theme files, there aren’t many ways…

Read More...

How to Create a Sticky Header with Beaver Themer (In 4 Easy Steps)

Are you wondering how to create a sticky header on your WordPress site? Sticky headers keep your website’s navigation easily…

Read More...

Join the community

We're here for you

There's a thriving community of builders and we'd love for you to join us. Come by and show off a project, network, or ask a question.

Since 2014

Build Your Website in Minutes, Not Months

Join Over 1 Million+ Websites Powered By Beaver Builder.