如何将自定义作者个人资料页面添加到您的 WordPress

您想将自定义作者个人资料页面添加到您的 WordPress 网站吗？

许多 WordPress 主题在其作者存档页面上的作者个人资料信息有限。

在本文中，我们将向您展示如何在 WordPress 中创建自定义作者个人资料页面。

我们将介绍两种方法。只需使用下面的链接跳转到您感兴趣的部分：

方法 1：使用 WP 用户管理器在 WordPress 中添加自定义作者个人资料页面

建议所有用户使用此方法。它易于设置并且具有更多功能。

您需要做的第一件事是安装并激活 WP 用户管理器插件。有关更多详细信息，请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后，您需要访问用户»设置页面来配置插件设置。

该插件将自动创建不同的页面用作自定义登录、自定义用户注册、忘记密码、帐户和个人资料页面。

WP User Manager 是一个功能强大的插件，并带有很多选项。您需要仔细检查它们并关闭您不想使用的功能。

接下来，您需要单击“配置文件”选项卡来设置用户配置文件设置。

您可以在此处启用访客的个人资料页面选项，这意味着任何人都可以查看用户个人资料。您还可以允许成员查看彼此的个人资料。如果取消选中此选项，则用户将只能查看自己的个人资料页面。

您还可以允许用户上传自定义个人资料照片并在其个人资料页面上显示他们最近的文章和评论。

不要忘记单击“保存更改”按钮来存储您的设置。

接下来，您需要为作者个人资料页面选择 SEO 友好的 URL 或永久链接。您可以通过访问设置»永久链接页面并向下滚动到“用户个人资料永久链接库”部分来执行此操作。

该插件允许您在 URL 中使用用户 ID、用户名或昵称。昵称和用户名都是比用户 ID 更利于 SEO 的选项。单击以选择其中之一，然后单击“保存更改”按钮来存储您的永久链接设置。

您的自定义作者个人资料页面即将准备就绪。现在我们只需要让用户在您的 WordPress 网站上轻松找到他们的个人资料页面即可。

转到外观»小部件页面并将登录表单小部件添加到侧边栏。

您现在可以访问您的网站以查看正在运行的作者个人资料页面。

作为登录用户，您将在侧边栏小部件中看到您自己的帐户信息。单击用户名将带您进入作者个人资料页面。

侧边栏小部件将向注销用户显示登录表单。如果您允许用户在您的网站上注册，那么该表单还将包含一个注册链接。

该插件还将更改您网站上的作者链接，并将其指向作者个人资料页面，而不是默认作者的存档页面。

更改作者个人资料页面的外观

如果您只想更改颜色或边框，则可以通过添加自定义 CSS 来实现。

但是，如果您想更改布局和顺序，则需要编辑插件的模板文件。 WP 用户管理器附带自定义模板支持，这意味着您可以在当前主题内创建自己的模板以供插件使用。

首先，您需要使用 FTP 客户端连接到您的网站，然后转到 /wp-content/plugins/wp-user-manager/templates/ 文件夹。将您看到的所有文件下载到您的计算机上。

接下来，您需要转到当前的主题文件夹并在其中创建一个名为“wpum”的新文件夹。现在将您之前下载的文件上传到 wpum 文件夹。

现在，您可以编辑这些文件以根据需要自定义个人资料页面的外观。

方法 2：在主题中手动创建自定义作者个人资料页面

此方法需要您编辑 WordPress 主题或子主题文件。如果您以前没有这样做过，请参阅我们关于如何在 WordPress 中复制和粘贴代码的指南。

首先，您需要使用 FTP 客户端连接到您的网站，然后转到 /wp-content/themes/your-current-theme/ 文件夹。

在当前主题文件夹中，您需要创建一个author.php 文件。之后，您需要复制 archive.php 文件的内容并将其粘贴到新的author.php 模板中。

如果您的主题已有一个author.php 文件，那么您也可以对其进行编辑。

您的目标是获取作者的个人资料信息，然后显示它。您需要决定从哪里开始编辑。通常，您可以编辑 get_header(); 之间的任何内容。和 get_sidebar() 行。

<?php
// Set the Current Author Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
?>
 
<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><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
 
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
 
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?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; 
 
// Previous/next page navigation.
the_posts_pagination();
 
else: ?>
<p><?php _e('No posts by this author.'); ?></p>
 
<?php endif; ?>

此代码只是在页面顶部添加作者个人资料卡，然后显示作者最近的帖子。

您可以根据需要随意自定义此代码。您可以向网站添加其他用户个人资料字段、添加作者的 Twitter 和 Facebook 个人资料链接、显示帖子的精选图像等。

这里有一些 CSS 示例，可以让您的作者个人资料卡看起来更漂亮。您可以将其作为自定义 CSS 添加到主题中，然后更改它以匹配您的主题颜色。

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

这是它在我们的演示网站上的样子：

我们希望本文能帮助您了解如何将自定义作者个人资料页面添加到您的 WordPress 网站。您可能还想查看我们针对初学者的终极 WordPress SEO 指南，或者我们专家为 WordPress 和 WooCommerce 挑选的最佳社交证明插件。

如果您喜欢这篇文章，请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。