GG资源网

如何在个人资料页面上显示作者的Twitter 和Facebook

想要在作者的WordPress 个人资料页面上显示作者的Twitter 和Facebook 链接?

默认情况下,WordPress 用户配置文件页面不包含用于添加社交媒体配置文件(例如Facebook 或Twitter)的字段。

在本文中,我们将向您展示如何在WordPress 中轻松显示作者的Twitter 和Facebook 个人资料链接。

如何在个人资料页面上显示作者的Twitter 和Facebook如何在个人资料页面上显示作者的Twitter 和Facebook为什么要在您的站点上显示作者的Twitter 和Facebook 个人资料?

社交媒体平台是您的WordPress 网站的重要流量来源。这就是我们整理社交媒体备忘单的原因,它可以帮助您以正确的方式设置您的社交媒体资料。

您的作者也将拥有自己的社交资料,您可以将它们显示在您的网站上以建立读者的信誉并增强您网站的权威性。

您的访问者将能够在社交媒体上关注他们最喜欢的作者,并更快地在您的网站上发现新文章。您还可以将他们的社交媒体配置文件添加到您网站的架构中,从而提高您的网站在Google 和其他搜索引擎上的信任度。

话虽如此,让我们来看看如何在作者的用户个人资料页面上显示作者的Twitter 和Facebook 链接。

方法1:在Author Bio 中显示社交链接方法2:使用Author Bio Box 插件显示社交图标方法3:将社交资料添加到您网站的SEO 架构中方法1:在Author Bio 中显示社交链接

一些最好的WordPress 主题会在每篇文章下方显示一个作者信息框。您可以使用此功能来显示指向作者社交资料的简单链接。

只需转到WordPress 管理面板中的用户» 所有用户,然后单击作者的姓名或下面的“编辑”链接即可打开“编辑用户”页面。

单击所有用户列表中的用户单击所有用户列表中的用户

接下来,您应该向下滚动到“关于用户”部分并查找“传记信息”框。

如果它存在,那么您的主题内置了对作者框的支持。

将HTML 社交链接添加到用户简介将HTML 社交链接添加到用户简介

您可以在此处使用文本或HTML 键入作者的描述。您可以为作者的Twitter 和Facebook 个人资料URL 手动添加HTML 链接,如下所示:

在这里添加生物。在 TwitterFacebook 上关注他们。由WPCode 由❤️ 托管一键在WordPress 中使用

确保添加关于作者的简短传记并将“用户名”更改为他们实际的Twitter 和Facebook 用户名。

完成后,不要忘记滚动到页面底部并单击“更新用户”按钮以存储您的设置。

您现在将在Twitter 和Facebook 上看到带有用户个人简历的链接,这些链接会出现在他们所写的帖子上。下面是它在我们的演示网站上的样子:

使用Twitter 和Facebook 链接预览作者简介使用Twitter 和Facebook 链接预览作者简历方法2:使用Author Bio Box 插件显示社交图标

如果您的主题不显示作者简介框,或者如果您想要一个更可自定义并显示社交图标而不是链接的主题,那么您可以使用插件。

Simple Author Box 是最好的免费作者简介框插件。它允许您自定义作者简介框的几乎每个方面,包括为您的作者添加社交媒体链接。

首先,您需要安装并激活Simple Author Box 插件。有关更多详细信息,请参阅我们关于如何安装WordPress 插件的分步指南。

如果您想要更多功能,那么有一个专业版可以让您在内容之前或之后显示作者框、添加网站链接、获得更多社交图标样式、包括客座作者和合著者等等。

激活后,该插件会将社交媒体字段添加到每个用户配置文件中。只需导航到WordPress 管理区域中的用户» 所有用户页面,然后单击作者姓名或下面的“编辑”链接。

单击所有用户列表中的用户单击所有用户列表中的用户

提示:要快速编辑您自己的用户配置文件,您可以转到用户» 配置文件页面。

当您滚动到作者个人资料的底部时,您会注意到Author Bio Box 插件添加了一些新字段。

滚动直到看到标有“社交媒体链接(简单作者框)”的部分。现在您需要从下拉菜单中选择“Facebook”,然后将其Facebook 个人资料的URL 粘贴到下一个字段中。

使用Author Bio Box 添加Facebook 个人资料使用Author Bio Box 添加Facebook 个人资料

现在您可以点击标有“+ 添加新社交平台”的按钮。

将添加一个新的下拉列表和字段,您可以在其中添加他们的Twitter URL。

使用简单作者框添加Facebook 和Twitter 链接使用简单作者框添加Facebook 和Twitter 链接

完成后,请确保单击“更新用户”按钮以存储您的设置。

注意:如果Facebook 和Twitter URL 在点击按钮后消失,请不要担心。在撰写本文时,存在隐藏URL 的小错误,但已保存设置。

现在,Facebook 和Twitter 图标将与作者的个人资料一起显示在其帖子的底部。单击这些图标会将您的访问者带到他们的社交资料,但这些链接将在与您的博客相同的窗口中打开。

带有社交图标的简单作者框预览带有社交图标的简单作者框预览

如果您希望链接在新选项卡中打开,则可以导航至外观» 简单作者框页面,然后单击元素选项卡。到达那里后,您需要找到“在新选项卡中打开社交图标链接”选项并将其切换到打开位置。

在新标签页中打开简单作者框图标在新标签页中打开简单作者框图标

现在作者的社交资料将在新选项卡中打开。

方法3:将社交资料添加到您网站的SEO 架构中

All in One SEO (AIOSEO) 是在超过300 万个网站上使用的原始WordPress SEO 插件。它还可用于在作者的个人资料页面上添加社交个人资料字段。

与其他方法不同,此方法将改善您网站的搜索引擎优化,因为AIOSEO 将这些社交资料添加到您网站的架构标记中。

问题是AIOSEO 不会自动在作者简介中显示它们。但别担心,我们会告诉你如何做到这一点。

对于本教程,我们将使用All in One SEO 的免费版本,因为它允许您为您的网站和每个用户添加社交资料。然而,AIOSEO Pro 提供了更多功能来帮助您在搜索引擎结果页面中获得更好的排名。

您需要做的第一件事是安装免费的All in One SEO Lite 插件。有关更多详细信息,请参阅我们关于如何安装WordPress 插件的分步指南。

设置好AIOSEO 插件后,您需要转到“用户» 所有用户”页面,然后单击作者姓名或下方的“编辑”链接。

单击所有用户列表中的用户单击所有用户列表中的用户

这将打开该作者的“编辑用户”页面。

请注意,AIOSEO 在页面顶部添加了一个Social Profiles 选项卡。您现在需要单击该选项卡。

多合一SEO 社交资料选项卡多合一SEO 社交资料选项卡

您现在可以在提供的框中输入用户社交资料的URL,例如:

https://facebook.com/johnsmith345 https://twitter.com/johnsmith345 由WPCode 以❤️ 托管一键在WordPress 中使用

请注意,仅添加用户名是不够的。

或者,如果作者在多个社交网络上使用相同的用户名,则您可以单击标有“对多个社交网络使用相同的用户名”的框。

快速添加具有相同用户名的多个社交网络快速添加具有相同用户名的多个社交网络

然后您可以输入该用户名并查看使用它的社交网络。对于其他社交网络,您只需像以前一样键入完整的URL。

完成后,单击页面底部的“更新用户”按钮以存储您的更改。

专业提示:如果您的企业或网站有Twitter 和Facebook 个人资料,则可以通过访问All in One SEO » Social Networks 并在“社交个人资料”选项卡上添加链接,以类似的方式将它们添加到您网站的架构中。

作者的社交媒体资料现已添加到您网站的架构中,帮助搜索引擎更好地了解您的网站。但它们尚未显示在您的网站上。

在您的主题中显示AIOSEO 作者Twitter 和Facebook 链接

现在您需要将这些字段显示为主题中的链接。

如果您是高级用户,那么您可以通过编辑您的WordPress 主题文件来显示来自All in One SEO 社交资料的链接。如果您以前没有这样做过,请查看我们的指南,了解如何在WordPress 中复制和粘贴代码。

注意:如果您不熟悉编辑主题的核心文件和添加自定义代码,那么我们建议您使用AIOSEO 将社交资料添加到您网站的架构中,然后使用上述方法1 或方法2 在您的网站上显示它们。

高级用户可以将以下代码添加到您要显示作者个人资料链接的主题文件中。

post_author ); $facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author ); echo '推特 | 脸书'; ?> 由WPCode 以❤️ 托管一键在WordPress 中使用

保存您的更改并查看您网站上的帖子。

这是它在我们的演示网站上的样子。我们将代码片段添加到Twenty-Sixteen 主题的template-parts 文件夹中的biography.php 文件中。

使用代码在您的主题中显示AIOSEO 社交资料使用代码在您的主题中显示AIOSEO 社交资料

我们希望本文能帮助您了解如何在WordPress 中显示作者的Twitter 和Facebook 个人资料链接。您可能还想查看我们的指南,了解如何显示最近的推文或如何在WordPress 中显示您的Facebook 时间线。

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

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 如何在个人资料页面上显示作者的Twitter 和Facebook

发表回复

CAPTCHAis initialing...