How to Add Author Box in Generate Press Theme Without Plugin in 2025 (Updated)

Hello everyone, welcome to this article! If you are a WordPress user and want to display a professional author box in your articles without using any plugins, then this article is just for you. Today, we will discuss how you can create an author box on your WordPress website without using a plugin. This method is very simple, and by avoiding the use of extra plugins, you can also maintain the speed of your website.

I will share from my own experience how I added an author box without using a plugin and the benefits I gained from it. Nowadays, getting Google AdSense approval has become a bit challenging, but if you keep your website clean and lightweight, your chances increase. So, let’s get started without any delay!

What is an Author Box and Why is it Important?

An author box is a small section that appears at the end of an article, where the author’s name, bio, and their social media links are provided. It is a great way to inform readers about who wrote the content. A good author box:

  • Increases user engagement.
  • Establishes trust.
  • Is also helpful for SEO because it makes the content and author appear genuine.
Author Box
Author Box

How to Add an Author Box Without a Plugin: Step-by-Step Guide

If you want to give your WordPress website a professional look and create better engagement with your readers, adding an author box is a great option. An author box provides your readers with information about the author of the post, which helps build trust and connection.

In this guide, I will walk you through the step-by-step process of adding an author box to your WordPress website without using any plugins. This method will also help maintain your website’s speed, as it doesn’t involve the use of any additional plugins. Let’s get started!

Step 1: Log in to the WordPress Dashboard

  • First, log in to your WordPress website’s dashboard. To log in, you need to add /wp-admin to your website’s URL.

Step 2: Go to the Appearance Option

  • In the left-hand sidebar of the dashboard, click on the ‘Appearance’ option.

Step 3: Go to the Elements Option

  • After clicking on ‘Appearance,’ click on the ‘Elements’ option.

Step 4: Create a New Element

  • On the ‘Elements’ page, click on the ‘New Element’ or ‘Add New’ button.

Step 5: Select Hook as the Element Type

  • When creating a ‘New Element,’ select ‘Hook’ from the ‘Choose Element Type’ dropdown.
  • Then click on the ‘Create’ button.

Step 6: Add Code in the Title and Description

  • Title: Here, you can enter the title for your author box. For example, “Author Box.”
  • Description: Paste the code provided below in this section:
<div class="author-box">
<img src="https://crtnepal.com/wp-content/uploads/2025/02/passport-photo.png" alt="Author Image" class="author-image">
<div class="author-info">
<h3 class="author-name">Dipak Badaila</h3>
<p class="author-bio">Hi, I'm Dipak, the admin and content creator of CRT Nepal. I love sharing tips on blogging, SEO, online earning, stock market, and tech to help you grow and succeed.</p>
<a href="https://crtnepal.com/contact-us/" class="author-link">Learn More</a>
</div>
</div>

<style>
.author-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
border: 1px solid #ddd;
padding: 15px;
border-radius: 5px;
margin-top: 15px;
}

.author-image {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 10px;
border: 2px solid #3CD3AD;
}

.author-info {
display: flex;
flex-direction: column;
align-items: center;
}

.author-name {
font-weight: bold;
margin-bottom: 8px;
}

.author-bio {
font-size: 16px;
text-align: left;
margin-bottom: 10px;
max-width: 100%;
}

.author-link {
color: #3CD3AD;
text-decoration: none;
}

@media (min-width: 768px) {
.author-box {
flex-direction: row;
align-items: flex-start;
text-align: left;
}

.author-image {
margin-bottom: 0;
margin-right: 10px;
}

.author-info {
align-items: flex-start;
}
}
</style>

Note: In the description code, replace “This above my Image Link” with the URL of your photo, and replace “Above bio is mine, but you write your own bio” with your bio. and replace the link to your About Us page.

Step 7: Hook Option and Execute PHP

  • In the ‘Hook’ option, select ‘generate-after-entry-content.’ This option ensures that the author box is displayed after the content of each post.
  • Tick ​​mark the ‘Execute PHP’ option to run the PHP code.

Step 8: Set Display Rules

  • Click on the ‘Display Rules’ option.
  • Under Location, select ‘Post’ so that this author box only appears on posts. Or choose according your choice.

Step 9: Save the Element

  • After reviewing all the settings and code, click the ‘Save’ button.

Important Note

While setting up the author box, be sure to customize the code given in the description. Don’t forget to update your author name, photo link, bio description and About Us link properly in the code, so that the author box matches the style of your website and gives a personal touch.

Author Box Code Customization Details for WordPress (2024)

ActionDescription
LoginLog in to the WordPress dashboard.
AppearanceClick on the ‘Appearance’ option.
ElementsGo to the ‘Elements’ option.
New ElementCreate a new element.
HookSelect the ‘Hook’ element type.
Add CodePaste the author box code.
Hook OptionSelect the ‘generate-after-entry-content’ hook.
Display RulesSelect the ‘Post’ location.
Save ElementSave the element.
CustomizeGo to the ‘Customize’ option.
Custom CSSPaste the CSS code in the Additional CSS section.

My Personal Experiences

When I first added an author box to my WordPress website, I used several plugins. However, using plugins slowed down the speed of my website. Then I adopted a method to add the author box without using a plugin, and I received very positive results. Not only did my website’s speed improve, but it also helped me get AdSense approval. I realized how much such small changes can impact the overall performance of a website.

Conclusion

This guide will help you add a stylish author box to your WordPress website without using any plugins. This method maintains your website’s speed and provides your readers with more information about the author. You can customize your author box according to your website’s design and build a better connection with your readers. I hope you found this guide useful. If you have any questions, please feel free to ask in the comments section below! Thank you for reading!

FAQ

What is an Author Box and what are its benefits?

An Author Box is a section that appears below a post and includes the author’s name, photo, bio, and other details. It provides readers with information about the author of the post, which increases user engagement on the website and builds trust.

How can I add an Author Box in WordPress without using a plugin?

To add an Author Box in WordPress without using a plugin, you need to go to the ‘Appearance‘ section, then select ‘Elements,’ and create a new element. There, you should select the ‘Hook‘ element and paste the code, which will automatically display the author box after each post. You can follow the steps provided above for details.

Do I need coding knowledge to add an Author Box without a plugin?

No, basic coding knowledge is sufficient to add an Author Box without a plugin. I have provided all the steps and code in the article, which will help you follow them easily. You just need to paste the code in the right place and customize it.

What should I do if I encounter problems with the code?

If you face any problems while pasting the code, first check whether you have copied and pasted the code correctly. If the issue persists, you can seek support from your theme developer or get help from an experienced developer.

Can I customize the Author Box?

Yes, you can customize the Author Box using CSS code. You can change the background color, text color, font size, and image style according to your theme. I have also provided basic CSS code that you can modify as per your needs.

Will this method affect my website’s speed?

No, this method will not impact your website’s speed because it does not use any additional plugin. It is a lightweight solution that is directly added to the theme’s elements.

Author Image
Dipak Badaila

Hi, I'm Dipak, the admin and content creator of Earn Bit Win. I love sharing tips on blogging, social media, earning money, crypto, and the stock market to help you grow and succeed.

Learn More

Leave a Comment