搜尋
首頁CMS教程&#&按如何在 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管理內容有多容易?使用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,安全性 - 敏感性plicestions,Real-Timedataprocessing,AndhighlyCustomizeduserInterfaces.forhigh-Trafficsites,USENEENEXT.JSORXOLX.JSORCOSTOMSOLTICTS; forCompleXapplications; 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)

您可以使用WordPress CMS構建哪種網站?您可以使用WordPress CMS構建哪種網站?May 04, 2025 am 12:06 AM

WordPressCanbuildVariousTypesofwebsites:1)個人博客,EasyTosetUpWithTheMesandPlugins.2)BusinessWebsites,使用drag-and-dropbuilders.3)e-commercePlatforms,forwoocommerceforsemcommerceforseameamseamelesssites.4)communitySites.4)conduction.4)使用bbudicatipration

將WordPress用作CMS的優缺點是什麼?將WordPress用作CMS的優缺點是什麼?May 03, 2025 am 12:09 AM

WordPressisapowerfulCMSwithsignificantadvantagesandchallenges.1)It'suser-friendlyandcustomizable,idealforbeginners.2)Itsflexibilitycanleadtositebloatandsecurityissuesifnotmanagedproperly.3)Regularupdatesandperformanceoptimizationsarenecessarytomainta

WordPress與其他流行的CMS平台相比如何?WordPress與其他流行的CMS平台相比如何?May 02, 2025 am 12:18 AM

WordPressExcccelineaseeandAdaptability,MakeitItiDealForBeginnersandsMallToMedium-SizedBusinesses.1)siseofuse:wordpressisuser-Frylyly.2)安全:drupalleadswithstrongsecurityfeatures.3)性能:performance:performance formation:phast offersefersefersefersefersefersefersefersefersexcellentperformanceedueTonode.sscore.jssor.jjsy.jjsy.4)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

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。