How to Display the Author Profile on Archive Pages in GeneratePress Theme

Do you want to display author profile pictures, bios, and social links on your GeneratePress theme’s Author Archives page? This article is for you. Here I will show you how to do it, and also provide the necessary download links.

After reading the entire guide, you will be able to easily create a professional Author Archives Page on your site.

There are a few ways to display author profiles on the Author Archives page in the GeneratePress theme. These can be used for different purposes. I’ll explain each one in detail:

Using Child theme + Custom code

Editing the main theme files directly in the GeneratePress theme can cause your changes to be lost during a theme update. That’s why using a child theme is the safest and most professional way to go.

Step 1: Create a Child Theme

Create a new folder in the wp-content/themes/ directory of your WordPress site. You can name it: generatepress-child

Create the style.css File Create a style.css file inside that folder and add the following code:

/*
Theme Name: GeneratePress Child
Template: generatepress
*/

Create a functions.php file in the same folder and add the following code:

<?php
// Load Parent Theme CSS
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

Activate the Child Theme

1. Go to your WordPress Dashboard → Appearance → Themes.
2. Activate the “GeneratePress Child” theme.

Note: This ensures that even if the main theme updates, the changes made in your child theme will not be lost.

Step 2: Add Custom Code to Display the Author Box

Add the following code to your child theme’s functions.php file:

// Function to display Author Box
function gp_author_box() {
    if( is_author() ) { // Only display on Author Archives page
        echo '<div class="author-box">';
        echo get_avatar( get_the_author_meta( 'ID' ), 100 ); // Profile picture
        echo '<div class="author-info">';
        echo '<h3>' . get_the_author() . '</h3>'; // Author name
        echo '<p>' . get_the_author_meta( 'description' ) . '</p>'; // Author bio
        echo '</div>';
        echo '</div>';
    }
}
add_action( 'generate_after_content', 'gp_author_box' ); // Show after content

Step 3: Style the Author Box

Add the following CSS to your style.css file to make the Author Box look professional:

.author-box {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    margin-top: 30px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.author-box img {
    border-radius: 50%;
}

.author-box .author-info h3 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

.author-box .author-info p {
    margin: 5px 0 0;
    color: #555;
}

This will result in a professional-looking Author Box with a rounded image and clean layout.

Using GeneratePress Hooks

The biggest advantage of the GeneratePress theme is its Hooks System. Using Hooks, you don’t have to edit any of the theme files, but you can still add custom content in specific places. It’s a safe, professional, and update-friendly method.

What is required for this method

• GeneratePress theme
• GeneratePress Premium (Elements Module must be enabled)
• A little HTML + PHP knowledge

Step 1: Enable the Elements (Hooks) Module

• Go to the WordPress Dashboard
• Appearance → GeneratePress → Modules
• Enable the Elements module
• Hooks cannot be used if the Elements module is not enabled.

Step 2: Create a new Hook Element

• Go to Appearance → Elements
• Click the Add New button
• Select Hook from the Element type

Step 3: Add the code for the Author Profile Box

• Paste the following code in the Content box of the Hook:
• From Hook Settings generate_inside_site_container

<?php
if ( is_author() ) {
    $author = get_queried_object();
?>
<style>
.gp-author-card{
    max-width:1200px;
    margin:30px auto;
    padding:30px;
    display:flex;
    gap:25px;
    align-items:center;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    position:relative;
}
.gp-author-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:2px;
    border-radius:16px;
    background:linear-gradient(135deg,#4f46e5,#06b6d4);
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
}
.gp-author-avatar img{
    border-radius:50%;
    border:4px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}
.gp-author-info h2{
    margin:0 0 8px;
    font-size:26px;
    font-weight:700;
}
.gp-author-info p{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:1.7;
}
.gp-author-meta{
    margin-top:12px;
    font-size:14px;
    color:#666;
}
@media(max-width:768px){
    .gp-author-card{
        flex-direction:column;
        text-align:center;
    }
}
</style>

<div class="gp-author-card">
    <div class="gp-author-avatar">
        <?php echo get_avatar( $author->ID, 120 ); ?>
    </div>

    <div class="gp-author-info">
        <h2><?php echo esc_html( $author->display_name ); ?></h2>
        <p><?php echo esc_html( get_the_author_meta( 'description', $author->ID ) ); ?></p>
        <div class="gp-author-meta">
            ✍️ <?php echo count_user_posts( $author->ID ); ?> Articles Published
        </div>
    </div>
</div>
<?php } ?>

4. Setting Display Rules (Most Important)

• Go to the Display Rules tab and set:
• Location: Author Archives

This will make the Author Box visible only on the Author Archive page.

Using plugins

If you don’t want to use code, you can easily display author profiles, bios, and social links on the Author Archives page in the GeneratePress theme using a plugin. This is the easiest and fastest method for beginners.

To do this, I will suggest you two plugins. You can install and use any of these two plugins. The names of the two plugins are: Simple Author Box and WP Author Bio.

Using Page Builder (Elementor / Beaver Builder)

If you don’t know how to code or want to create a visually appealing design, using Page Builder is the easiest way. Elementor and Beaver Builder work very well with the GeneratePress theme.

Creates a Custom Template File

If you want complete control over the design and layout of your entire Author Archives page, creating a Custom Template file is the most professional and powerful way to go.

Conclusion

In this article, we learned in detail how to display author profiles on the Author Archives page in the GeneratePress theme. If you want a lightweight, fast and professional solution, then the child theme and custom code or Custom Template method is the best. And if you want to design visually without code, then using a Page Builder or plugin can also be an easy solution.

Finally, by choosing any of the methods according to your skill level and website needs, you can easily create a beautiful and professional Author Archives page in the GeneratePress theme.

I hope this guide is useful to you. If you have any problems understanding anything or need additional help, be sure to comment.