跳到主要内容

您想将自定义作者个人资料页面添加到WordPress网站吗?许多WordPress主题在其作者存档页面上都有有限的作者个人资料信息。在本文中,我们将向您展示如何在WordPress中创建自定义作者个人资料页面。

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

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

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

您需要做的第一件事是安装并激活WP User Manager插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问用户»WPUM设置页面以配置插件设置。

使用wp用户管理器在wordpress中添加自定义作者个人资料页面
使用wp用户管理器在wordpress中添加自定义作者个人资料页面

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

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

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

使用wp用户管理器在wordpress中添加自定义作者个人资料页面
使用wp用户管理器在wordpress中添加自定义作者个人资料页面

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

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

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

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

使用wp用户管理器在wordpress中添加自定义作者个人资料页面
使用wp用户管理器在wordpress中添加自定义作者个人资料页面

该插件可让您在URL中使用用户ID,用户名或昵称。昵称和用户名比用户ID更适合SEO。单击以选择其中之一,然后单击“保存更改”按钮以存储您的永久链接设置。

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

转到外观»小部件页面,然后将[WPUM]登录表单小部件添加到侧边栏中。

使用wp用户管理器在wordpress中添加自定义作者个人资料页面
使用wp用户管理器在wordpress中添加自定义作者个人资料页面

现在,您可以访问您的网站以查看作者个人资料页面。作为登录用户,您将在侧边栏小部件中看到自己的帐户信息。单击用户名会将您带到您的作者个人资料页面。

使用wp用户管理器在wordpress中添加自定义作者个人资料页面
使用wp用户管理器在wordpress中添加自定义作者个人资料页面

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

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

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

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

但是,如果要更改事物的布局和顺序,则需要编辑插件的模板文件。WP User Manager带有自定义模板支持,这意味着您可以在当前主题内创建自己的模板供插件使用。

首先,您需要使用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 echoget_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: 1pxsolid#ccc;    padding: 20px;    margin-bottom: 20px;}.author-photo {    float: left;    text-align: left;    padding: 5px;}

回到顶部