搜索
首页CMS教程WordPress如何在 WordPress 中显示用户电子邮件中的头像

您想在 WordPress 中显示用户电子邮件中的头像吗?

Gravatar 是一项将用户的电子邮件地址连接到在线头像的网络服务。WordPress 会自动在评论部分显示访问者的头像,但您可能也想将它们添加到网站的其他区域。

在本文中,我们将向您展示如何在 WordPress 中显示用户电子邮件中的头像。

如何在 WordPress 中显示用户电子邮件中的头像

什么是 Gravatar 以及为什么要显示它?

Gravatar代表全球认可的头像,它允许人们将图片链接到他们的电子邮件地址。

如果网站支持 Gravatar,那么它可以获取该人的照片并将其显示在他们的名字旁边。例如,当用户在WordPress 网站上用电子邮件留下评论时,WordPress 会在评论旁边显示该人的头像。

如何在 WordPress 中显示用户电子邮件中的头像

头像可以鼓励用户参与转化,建立社区意识,并使您的页面看起来更有趣。所有这些加在一起可以帮助您在 WordPress 帖子上获得更多评论。

根据您网站的设置方式,WordPress 可能会在其他位置显示头像,例如作者简介。但是,您可能想要更改用户头像在WordPress 博客或网站上的显示位置。例如,您可以在网站的工具栏或用户个人资料中显示用户的头像。

话虽如此,让我们看看如何在 WordPress 中显示用户电子邮件中的 Gravatar。只需使用下面的快速链接即可跳转到您喜欢的方法:

  • 方法 1:编辑您的 WordPress 主题(最适合一致性)
  • 方法 2:使用自定义 WordPress 短代码(完全可自定义)

方法 1:编辑您的 WordPress 主题(最适合一致性)

首先,您可以使用代码将 Gravatar 添加到您的 WordPress 主题。如果您想在整个网站的同一位置(例如侧边栏或标题上方)显示头像,这是一个不错的选择。但是,您需要编辑模板文件,因此这不是最适合初学者的方法。

此方法显示当前登录您网站的人的头像。这对于会员网站、在线商店或用户必须登录帐户的任何其他网站非常有用。

要将 Gravatar 添加到您的主题,您需要将一些代码粘贴到您的主题文件中。如果您以前没有这样做过,请查看我们的初学者指南,将网页中的片段粘贴到 WordPress 中。

将代码片段添加到 WordPress 网站的最简单方法是使用WPCode。它是 WordPress 的最佳代码片段插件,允许您将 PHP、CSS、JavaScript 等添加到您的网站。

首先,您需要安装并激活免费的 WPCode 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,转到  WordPress 仪表板中的代码片段 » 添加片段。现在单击“添加新”按钮。

如何在 WordPress 中显示用户电子邮件中的头像

这将带您进入“添加片段”页面,您将在其中看到 WPCode 可以添加到您的网站的所有现成片段。

在这里,将鼠标悬停在“添加自定义代码(新代码段)”上,然后在出现“使用代码段”按钮时单击它。

如何在 WordPress 中显示用户电子邮件中的头像

首先,输入代码片段的标题。这仅供您参考,因此您可以使用任何您想要的东西。

之后,打开“代码类型”下拉列表并选择“PHP 片段”。

如何在 WordPress 中显示用户电子邮件中的头像

您现在可以继续将以下内容粘贴到代码编辑器中:

如何在 WordPress 中显示用户电子邮件中的头像

完成后,滚动到页面顶部并单击“非活动”开关,使其显示“活动”。

然后,只需单击“保存片段”按钮即可。

如何在 WordPress 中显示用户电子邮件中的头像

现在,您可以使用以下函数在 WordPress 网站上的任何位置显示用户的 Gravatar:

如何在 WordPress 中显示用户电子邮件中的头像

就像方法一一样,这种方法会显示当前用户的头像。如果您愿意,您可以通过对代码进行简单的更改来显示分配给特定电子邮件地址的头像。

如果您有某人的电子邮件地址并希望在您的网站上显示他们的头像,但他们不是注册用户,这会非常有用。

创建自定义短代码的最简单方法是使用 WPCode。更好的是,您不必编辑主题文件,因此这是一种对初学者更加友好的方法。

如果您还没有安装,那么您需要安装WPCode。您还需要按照上述相同的过程创建一个新的自定义代码片段。

完成后,为代码片段命名并选择“PHP Snippet”作为代码类型。

如何在 WordPress 中显示用户电子邮件中的头像

接下来,将以下 PHP 粘贴到代码编辑器中:

如何在 WordPress 中显示用户电子邮件中的头像

您现在可以使用以下短代码在任何页面、帖子或小部件就绪区域上显示用户的头像:

如何在 WordPress 中显示用户电子邮件中的头像

然后,您可以将自定义 CSS 粘贴到小型代码编辑器中。

完成后,只需单击“发布”即可。

如何在 WordPress 中显示用户电子邮件中的头像

现在,如果您访问您的网站,您将看到新风格的头像。

有关在网站上自定义 Gravatar 的更多提示,请参阅我们有关如何在 WordPress 中更改 Gravatar 图像大小的指南。

如何使用完整站点编辑器添加自定义短代码

如果您使用的是较新的基于块的主题之一 ,则可以将短代码添加到任何模板或模板部分。这使您可以在整个网站上显示用户的头像,而无需编辑模板文件。

例如,您可以将短代码添加到网站的博客模板或标题模板部分。

首先,请转到  WordPress 仪表板中的外观 » 编辑器。

如何在 WordPress 中显示用户电子邮件中的头像

默认情况下,完整的站点编辑器显示主题的主模板,但您可以将短代码添加到任何模板或模板部分,例如页眉或页脚。

要查看所有可用选项,只需选择“模板”或“模板部件”。

如何在 WordPress 中显示用户电子邮件中的头像

您现在可以单击要编辑的模板或模板部分。

例如,我们将在 404 页面模板中添加短代码,但无论您选择哪个模板,步骤都将完全相同。

如何在 WordPress 中显示用户电子邮件中的头像

WordPress 现在将显示模板或模板部分的预览。

要添加短代码,请继续并单击小铅笔图标。

如何在 WordPress 中显示用户电子邮件中的头像

完成后,单击左上角的蓝色“ ”图标。

在搜索栏中,继续输入“短代码”。

如何在 WordPress 中显示用户电子邮件中的头像

当右侧块出现时,将其拖放到主题模板上。

您现在可以将短代码粘贴或输入 [wpb_gravatar] 到此块中。

如何在 WordPress 中显示用户电子邮件中的头像

之后,继续并单击“保存”按钮。

现在,只需访问您的 WordPress 博客即可查看正在运行的 Gravatar。

如何在 WordPress 中显示用户电子邮件中的头像

我们希望本文能帮助您了解如何在 WordPress 网站上显示用户电子邮件中的 Gravatar。您可能还想查看我们精选的最佳社交媒体插件以及如何在 WordPress 中创建联系表单的指南。

以上是如何在 WordPress 中显示用户电子邮件中的头像的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
WordPress作为大型网站的CMS有多可扩展?WordPress作为大型网站的CMS有多可扩展?May 12, 2025 am 12:08 AM

WordPressCanHandLeLArgeWebsitesWithCareFulplanningAndOptimization.1)USECACHINGTOREDUCESERVERVERLOAD.2)优化YourdataBaseRegularly.3)actizeyourdatabaseregularly.3)ackdntododistibutecontent.4))

WordPress的定制程度如何?WordPress的定制程度如何?May 11, 2025 am 12:11 AM

WordPress的定制化程度非常高,提供了广泛的灵活性和可定制性。1)通过主题和插件生态系统,2)利用RESTAPI进行前端开发,3)深入代码层面进行修改,用户可以实现高度个性化的体验。然而,定制化需要掌握PHP、JavaScript、CSS等技术,且需注意性能优化和插件选择,以避免潜在的问题。

WordPress作为CMS的核心功能是什么?WordPress作为CMS的核心功能是什么?May 10, 2025 am 12:15 AM

WordPressisanexcellentchoiceforaCMSduetoitsuser-friendlyinterface,extensiveecosystem,SEOcapabilities,scalability,andsupportivecommunity.1)Itsintuitivedashboardmakescontentmanagementeasyforallusers.2)Thevastarrayofthemesandpluginsallowsforextensivecus

使用WordPress管理内容有多容易?使用WordPress管理内容有多容易?May 09, 2025 am 12:11 AM

WordPressiser-FrightlyDuetLoitsIntuitiveInterfaceAndcms,whosparateContentFromDesign.itoffersArichTextedextEditorforeasyContentCreationAndialibraryFororRaryFororRory.itsflexeNhangedBancedBynhangedBynHangedBynumereNumerSandeMesandPlugins,elloverSandplugins,elloverOverUseCanimpActpercrance

WordPress如何在业务环境中使用?WordPress如何在业务环境中使用?May 08, 2025 am 12:04 AM

1)ITSUPPORTSE-CommerceWithPluginSlikeWooCommerce,允许ProductManagementAndAndPaymentProcessing.2)ITSERVESASASASACMSACMSACMSMSACMSMSACMSMASTRATATEBLOGS,增强SeoAndEngagement.3)

哪些类型的网站不适合WordPress?哪些类型的网站不适合WordPress?May 07, 2025 am 12:10 AM

WordPressIsnotIdeAlforHigh-TrafficWebsites,customandCompleXapplications,Security-SensitiveApplications,Real-TimedataProcessing,AndhighlyCustomizedUserInterfaces.forhigh-Trafficsites,USENENEXT.JSORXOLCT.JSORXORX.JSORCUSTOMSOMOLTICTS; forCompleXapplications; forcomplexapplications; optfordjangoorrub

您可以使用WordPress构建博客吗?您可以使用WordPress构建博客吗?May 06, 2025 am 12:03 AM

Yes,youcanbuildablogwithWordPress.1)ChoosebetweenWordPress.comforbeginnersorWordPress.orgformorecontrol.2)Selectathemetopersonalizeyourblog'slook.3)Usepluginstoenhancefunctionality,likeSEOandsocialmediaintegration.4)Customizeyourthemewithsimplecodetw

WordPress作为CMS平台的安全程度如何?WordPress作为CMS平台的安全程度如何?May 05, 2025 am 12:01 AM

WordPressCanbeseCureifManagedProperly.1)keepthewordPressCoreUpdatedTopatchVulnerabilities.2)vetandupdatepluginsandthemesfromreputables.3)EnforcestrongpasseTSandusetWordssandusetWordwordwo-factorauthenticaliation.4)

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具