如何在 WordPress 帖子中添加作者信息框

技术教程 2021年11月6日
1467 0

您想在 WordPress 帖子中添加作者简介框吗?作者简介框是一个小部分，您可以在其中显示有关博客作者的信息、显示他们的社交媒体资料等.

许多 WordPress 主题允许您使用默认的 WordPress 功能轻松显示作者简介.但是，某些主题可能没有内置此功能，或者您可能想要更改它们显示作者简介部分的方式.

在本文中，我们将向您展示在 WordPress 帖子中轻松显示作者信息框的多种方法.我们还将向您展示如何自定义作者简介并使其更有用.

Easily add an author info section to WordPress posts

为什么以及何时需要 WordPress 中的作者信息框

看到内容背后的真实人物有助于建立可信度并增强您网站在用户中的权威.

对于单作者 WordPress 博客，您可以只添加一个关于我的页面，但对于多作者 WordPress 网站，您需要在每篇文章下方添加一个作者信息框.

这有助于您的用户详细了解您网站上的各个作者.它还为作者提供了额外的动力，让他们更频繁地投稿并与读者互动.

如果您希望更多用户向您的网站提交内容，那么作者信息框是吸引正在寻找曝光和新受众的作家的好方法.

话虽如此，让我们来看看如何在 WordPress 帖子中轻松添加作者信息框.

在 WordPress 帖子中添加作者信息框

WordPress 是世界上最好的网站建设者，因为它提供了灵活性和自定义选项.

您可以使用许多不同的作者简介插件来添加作者信息部分.我们将向您展示默认的 WordPress 方法、两个不同的插件以及代码方法.通过这种方式，您可以选择最适合您网站的方法.

  • 使用 WordPress 主题在 WordPress 中添加作者框
  • 使用插件在 WordPress 中添加作者框
  • 在 WordPress 边栏中添加作者框
  • 使用代码片段在 WordPress 中添加作者框

方法 1:使用您的 WordPress 主题添加作者简介

如果您的 WordPress 主题在每篇文章下方都有一个作者信息框，那么您可以简单地使用它来显示您的作者简介.

为了使用它，您只需访问用户»所有用户页面.从这里您需要编辑要更改的用户.

Editing a user profile

在个人资料编辑屏幕上，向下滚动到"履历信息"部分以添加作者的履历.您还可以在此字段中使用 HTML 手动添加指向作者社交媒体个人资料的链接.

Add author bio in user profile

作者个人资料图片是使用 Gravatar 获取的.如果作者尚未设置 gravatar 照片，那么您可以要求他们按照我们的指南在 WordPress 中设置 gravatar 照片.

或者，您还可以允许您网站上的用户通过编辑他们的个人资料来上传自定义作者个人资料照片.

不要忘记点击"更新用户"按钮来保存您的更改.

您现在可以访问您网站上的任何文章，以在内容下方查看您的 WordPress 主题显示作者简介框.

Preview default author info box

方法 2.使用插件在 WordPress 中添加作者信息框

如果您的主题没有显示作者信息框，或者您想自定义它，那么此方法适合您.

对于这种方法，我们将使用 WordPress 插件将作者信息框添加到您的 WordPress 帖子中.

首先，您需要安装并激活 Author Bio Box 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

激活后，您需要访问设置» Author Bio Box 页面来配置插件设置.

Author Bio Box settings

从这里，您可以选择作者照片的颜色、头像大小以及显示作者简介框的位置.

完成后，不要忘记单击"保存更改"按钮来存储您的更改.

接下来，您需要访问用户»所有用户页面，然后点击您要更改的用户下方的"编辑"链接.

Editing a user profile

在个人资料编辑屏幕上，您需要向下滚动到"联系信息"部分.从这里您可以添加指向作者社交媒体资料的链接.

Add social media links to user profile

该插件只会显示您输入 URL 的社交网络的图标.

之后，您可以向下滚动到"传记信息"部分以添加作者的传记.您还可以在此字段中使用 HTML 手动添加链接或使用基本 HTML 格式选项.

Add author biographical information

完成后，单击"更新用户"按钮以保存更改.

您现在可以访问该用户撰写的任何文章以查看作者信息框的运行情况.

Author info box plugin preview

方法 3:在侧边栏小部件中显示作者信息

您想在侧边栏中而不是文章下方显示作者信息吗?如果是，那么此方法适合您，因为它允许您在侧边栏小部件中显示作者信息框.

对于这种方法，您需要安装并激活 Meks Smart Author Widget 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

激活后，您需要访问外观»小部件页面.在那里，您会在可用小部件列表下找到 Meks Smart Author.您需要将此小部件添加到要显示作者信息的侧边栏中.

Adding author info widget

小部件带有许多选项.您需要检查的最重要的选项是"自动检测作者"选项旁边的复选框.

单击"保存"按钮以存储您的小部件设置.您现在可以访问您的网站以查看作者的信息小部件的运行情况.

Author bio box widget

此插件从他们的 WordPress 个人资料中获取用户信息.您或您的作者需要通过编辑他们的个人资料来填写他们的传记信息.

方法四:手动添加作者信息框(需要编码)

此方法要求您向 WordPress 网站添加代码.如果您以前没有这样做过，那么请查看我们关于如何在 WordPress 中添加代码片段的指南.

首先，您需要将以下代码添加到主题的functions.php 文件或特定于站点的插件中.

function wpb_author_info_box( $content ) {
 
global $post;
 
//Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
//Get author's display name 
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
//If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
//Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
//Get author's website URL 
$user_website = get_the_author_meta('url', $post->post_author);
 
//Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
  
if ( ! empty( $display_name ) )
 
$author_details = '<p class="author_name">About '.$display_name.'</p>';
 
if ( ! empty( $user_description ) )
//Author avatar and bio
 
$author_details.= '<p class="author_details">'.get_avatar( get_the_author_meta('user_email') , 90 ).nl2br( $user_description ).'</p>';
 
$author_details.= '<p class="author_links"><a href="'.$user_posts.'">View all posts by '.$display_name.'</a>';  
 
//Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
 
//Display author website link
$author_details.= ' | <a href="'.$user_website.'" target="_blank" rel="nofollow">Website</a></p>';
 
} else { 
//if there is no author website then just close the paragraph
$author_details.= '</p>';
}
 
//Pass all this info to post content  
$content = $content.'<footer class="author_bio_section" >'.$author_details.'</footer>';
}
return $content;
}
 
//Add our function to the post content filter 
add_action( 'the_content', 'wpb_author_info_box' );
 
//Allow HTML in author bio section 
remove_filter('pre_user_description', 'wp_filter_kses');

此代码只是获取作者信息并将其显示在 WordPress 帖子下方.您需要设置此作者信息框的样式，使其看起来美观并与您的 WordPress 主题相匹配.

您可以添加以下自定义 CSS 来设置作者框的样式.随意修改它以满足您的需求

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

这是我们演示网站上作者信息框的外观.

Custom author info box

我们希望本文能帮助您了解如何向 WordPress 帖子添加作者信息框.您可能还想查看我们有关如何增加博客流量的提示，或有关如何创建电子邮件通讯的分步指南.

WordPress(893)作者(12)作者简介(2)
♥赞4

相关文章

发表回复