BlogThemes

How to Add a Custom Author Profile Page to Your WordPress

Do you need to add a customized creator profile web page to your WordPress website? Many WordPress themes have restricted creator profile info on their creator archive web page. On this article, we’ll present you the right way to create a customized creator profile web page in WordPress.

Adding a custom author profile page in WordPress

Technique 1. Add Customized Writer Profile Web page in WordPress with WP Person Supervisor

This technique is really useful for all customers. It’s straightforward to setup and has extra options.

Very first thing you have to do is set up and activate the WP User Manager plugin. For extra particulars, see our step-by-step information on the right way to set up a WordPress plugin.

Upon activation, you have to go to Customers » WPUM Settings web page to configure the plugin settings.

WP User Manager settings page

The plugin will robotically create completely different pages to make use of as customized login, custom user registration, forgot password, account, and profile pages.

WP Person Supervisor is a strong plugin and comes with numerous choices. You must rigorously evaluation them and switch off the options that you just don’t need to use.

Subsequent, you have to click on on the ‘Profiles’ tab to setup person profile settings.

User profile page settings

Right here you possibly can allow profile web page choice for friends, which implies anybody can view person profiles. You can too enable members to view one another’s profiles. In case you uncheck this selection, then customers will solely have the ability to view their very own profile pages.

You can too enable customers to add customized profile photograph and show their current articles in addition to feedback on their profile web page.

Don’t neglect to click on on the save adjustments button to retailer your settings.

Subsequent, you have to choose website positioning pleasant URLs or permalinks for the creator profile pages. You are able to do this by visiting Settings » Permalinks web page and scroll all the way down to the ‘Person profile permalink base’ part.

Select a URL structure for user profile pages

The plugin affords you to make use of person ID, username, or nickname within the URL. Each nickname and username are extra website positioning pleasant choices than person ID. Click on to pick both of them after which click on on the save adjustments button to retailer your permalink settings.

Your customized creator profile pages are virtually prepared. Now we simply must let customers simply discover their profile pages in your web site.

Head over to Look » Widgets web page and add [WPUM] Login Kind widget to a sidebar.

Add user login and profile link widget to sidebar

Now you can go to your web site to see the creator profile web page in motion. As a logged in person, you will note your individual account info within the sidebar widget. Clicking on the username will take you to your creator profile web page.

Author profile page

The sidebar widget will present a login kind to logged out customers. In case you enable customers to register in your web site, then the shape can even embrace a hyperlink to enroll.

The plugin can even change creator hyperlinks in your web site and level them to the creator profile web page as an alternative of the default creator’s archive pages.

Altering Look of Writer Profile Pages

In case you simply need to change colours or borders, then you are able to do that by including customized CSS.

Nonetheless, if you wish to change the format and order of issues, then you will have to edit the plugin’s template recordsdata. WP Person Supervisor comes with customized templates help which implies you possibly can create your individual templates inside your present theme for the plugin to make use of.

First you have to connect with your web site utilizing an FTP consumer and go to /wp-content/plugins/wp-user-manager/templates/ folder. Obtain all of the recordsdata you see there to your pc.

Subsequent, you have to go to your present theme folder and create a brand new folder “wpum” inside it. Now add the recordsdata you downloaded earlier to the wpum folder.

Now you possibly can edit these recordsdata to customise the looks of your profile pages as wanted.

Technique 2. Manually Create a Customized Writer Profile Web page in Your Theme

This technique requires you to edit your WordPress theme or little one theme recordsdata. In case you haven’t finished this earlier than, then please see our information on the right way to copy and paste code in WordPress.

First, you will have to hook up with your web site utilizing an FTP client and go to /wp-content/themes/your-current-theme/ folder.

Inside your present theme folder, you have to create an creator.php file. After that you have to copy the contents of archive.php file and paste them inside your new creator.php template.

In case your theme already has an creator.php file, then you possibly can edit that as effectively.

Your objective right here is to get creator’s profile info after which show it. You have to to resolve the place you need to begin enhancing. Normally, you possibly can edit something between the get_header(); and get_sidebar() strains.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
// Set the Present Writer Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($creator));
?>
    
<div class="author-profile-card">
    <h2>About: <?php echo $curauth->nickname; ?></h2>
    <div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '90 '); ?>
    </div>
    <p><sturdy>Web site:</sturdy> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <sturdy>Bio:</sturdy> <?php echo $curauth->user_description; ?></p>
</div>
    
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
         <?php if ( have_posts() ) : whereas ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Everlasting Hyperlink: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
<?php the_excerpt(); ?>
<?php endwhile;
// Earlier/subsequent web page navigation.
the_posts_pagination();
else: ?>
<p><?php _e('No posts by this creator.'); ?></p>
<?php endif; ?>

This code merely provides an creator profile card on the prime of the web page, after which shows current posts by the creator.

Be happy to customise this code as a lot as you want. You possibly can add further user profile fields to your web site, add creator’s Twitter and Fb profile hyperlinks, show featured pictures for posts, and so forth.

Right here is a few pattern CSS to provide your creator profile card a good look. You possibly can add it as customized CSS in your theme after which change it to match your theme colours.

1
2
3
4
5
6
7
8
9
10
11
.author-profile-card {
    background: #eee;
    border: 1px strong #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

Right here is the way it appeared on our demo web site:

A custom author profile page in WordPress

We hope this text helped you discover ways to add a customized creator profile web page to your WordPress website. You may additionally need to see our final step-by-step WordPress website positioning information for saviour.

Download The WPSaviour App Now

Related posts
Beginner’s GuideBest WordPress PluginsBlog

9 Best Social Proof Plugins for WordPress & WooCommerce (2020)

Tips

How To Disable The WordPress User Admin Toolbar

Tips

WordPress Front Page vs Homepage

Tips

5 Things You Must Avoid Doing in WordPress

Leave a Reply

Your email address will not be published.

Pay in your preferred currency
Indian rupee
Euro