您想在WordPress 中顯示用戶電子郵件中的頭像嗎?
Gravatar 是一項將用戶的電子郵件地址連接到在線頭像的網(wǎng)絡服務。 WordPress 會自動在評論部分顯示訪問者的頭像,但您可能也想將它們添加到網(wǎng)站的其他區(qū)域。
在本文中,我們將向您展示如何在WordPress 中顯示用戶電子郵件中的頭像。
什麼是Gravatar 以及為什麼要顯示它?
Gravatar代表全球認可的頭像,它允許人們將圖片鏈接到他們的電子郵件地址。
如果網(wǎng)站支持Gravatar,那麼它可以獲取該人的照片並將其顯示在他們的名字旁邊。例如,當用戶在WordPress 網(wǎng)站上用電子郵件留下評論時,WordPress 會在評論旁邊顯示該人的頭像。
頭像可以鼓勵用戶參與轉化,建立社區(qū)意識,並使您的頁面看起來更有趣。所有這些加在一起可以幫助您在WordPress 帖子上獲得更多評論。
根據(jù)您網(wǎng)站的設置方式,WordPress 可能會在其他位置顯示頭像,例如作者簡介。但是,您可能想要更改用戶頭像在WordPress 博客或網(wǎng)站上的顯示位置。例如,您可以在網(wǎng)站的工具欄或用戶個人資料中顯示用戶的頭像。
話雖如此,讓我們看看如何在WordPress 中顯示用戶電子郵件中的Gravatar。只需使用下面的快速鏈接即可跳轉到您喜歡的方法:
- 方法1:編輯您的WordPress 主題(最適合一致性)
- 方法2:使用自定義WordPress 短代碼(完全可自定義)
方法1:編輯您的WordPress 主題(最適合一致性)
首先,您可以使用代碼將Gravatar 添加到您的WordPress 主題。如果您想在整個網(wǎng)站的同一位置(例如側邊欄或標題上方)顯示頭像,這是一個不錯的選擇。但是,您需要編輯模板文件,因此這不是最適合初學者的方法。
此方法顯示當前登錄您網(wǎng)站的人的頭像。這對於會員網(wǎng)站、在線商店或用戶必須登錄帳戶的任何其他網(wǎng)站非常有用。
要將Gravatar 添加到您的主題,您需要將一些代碼粘貼到您的主題文件中。如果您以前沒有這樣做過,請查看我們的初學者指南,將網(wǎng)頁中的片段粘貼到WordPress 中。
將代碼片段添加到WordPress 網(wǎng)站的最簡單方法是使用WPCode。它是WordPress 的最佳代碼片段插件,允許您將PHP、CSS、JavaScript 等添加到您的網(wǎng)站。
首先,您需要安裝並激活免費的WPCode 插件。如果您需要幫助,請參閱我們有關如何安裝WordPress 插件的指南。
激活後,轉到 WordPress 儀表板中的代碼片段? 添加片段。現(xiàn)在單擊“添加新”按鈕。
這將帶您進入“添加片段”頁面,您將在其中看到WPCode 可以添加到您的網(wǎng)站的所有現(xiàn)成片段。
在這裡,將鼠標懸停在“添加自定義代碼(新代碼段)”上,然後在出現(xiàn)“使用代碼段”按鈕時單擊它。
首先,輸入代碼片段的標題。這僅供您參考,因此您可以使用任何您想要的東西。
之後,打開“代碼類型”下拉列表並選擇“PHP 片段”。
您現(xiàn)在可以繼續(xù)將以下內容粘貼到代碼編輯器中:
完成後,滾動到頁面頂部並單擊“非活動”開關,使其顯示“活動”。
然後,只需單擊“保存片段”按鈕即可。
現(xiàn)在,您可以使用以下函數(shù)在WordPress 網(wǎng)站上的任何位置顯示用戶的Gravatar:
就像方法一一樣,這種方法會顯示當前用戶的頭像。如果您願意,您可以通過對代碼進行簡單的更改來顯示分配給特定電子郵件地址的頭像。
如果您有某人的電子郵件地址並希望在您的網(wǎng)站上顯示他們的頭像,但他們不是註冊用戶,這會非常有用。
創(chuàng)建自定義短代碼的最簡單方法是使用WPCode。更好的是,您不必編輯主題文件,因此這是一種對初學者更加友好的方法。
如果您還沒有安裝,那麼您需要安裝WPCode。您還需要按照上述相同的過程創(chuàng)建一個新的自定義代碼片段。
完成後,為代碼片段命名並選擇“PHP Snippet”作為代碼類型。
接下來,將以下PHP 粘貼到代碼編輯器中:
您現(xiàn)在可以使用以下短代碼在任何頁面、帖子或小部件就緒區(qū)域上顯示用戶的頭像:
然後,您可以將自定義CSS 粘貼到小型代碼編輯器中。
完成後,只需單擊“發(fā)布”即可。
現(xiàn)在,如果您訪問您的網(wǎng)站,您將看到新風格的頭像。
有關在網(wǎng)站上自定義Gravatar 的更多提示,請參閱我們有關如何在WordPress 中更改Gravatar 圖像大小的指南。
如何使用完整站點編輯器添加自定義短代碼
如果您使用的是較新的基於塊的主題之一 ,則可以將短代碼添加到任何模板或模板部分。這使您可以在整個網(wǎng)站上顯示用戶的頭像,而無需編輯模板文件。
例如,您可以將短代碼添加到網(wǎng)站的博客模板或標題模板部分。
首先,請轉到 WordPress 儀表板中的外觀? 編輯器。
默認情況下,完整的站點編輯器顯示主題的主模板,但您可以將短代碼添加到任何模板或模板部分,例如頁眉或頁腳。
要查看所有可用選項,只需選擇“模板”或“模板部件”。
您現(xiàn)在可以單擊要編輯的模板或模板部分。
例如,我們將在 404 頁面模板中添加短代碼,但無論您選擇哪個模板,步驟都將完全相同。
WordPress 現(xiàn)在將顯示模板或模板部分的預覽。
要添加短代碼,請繼續(xù)並單擊小鉛筆圖標。
完成後,單擊左上角的藍色“ ”圖標。
在搜索欄中,繼續(xù)輸入“短代碼”。
當右側塊出現(xiàn)時,將其拖放到主題模板上。
您現(xiàn)在可以將短代碼粘貼或輸入 [wpb_gravatar] 到此塊中。
之後,繼續(xù)並單擊“保存”按鈕。
現(xiàn)在,只需訪問您的WordPress 博客即可查看正在運行的Gravatar。
我們希望本文能幫助您了解如何在WordPress 網(wǎng)站上顯示用戶電子郵件中的Gravatar。您可能還想查看我們精選的最佳社交媒體插件以及如何在WordPress 中創(chuàng)建聯(lián)繫表單的指南。
以上是如何在 WordPress 中顯示用戶電子郵件中的頭像的詳細內容。更多資訊請關注PHP中文網(wǎng)其他相關文章!

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅動的應用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

使用Git管理WordPress項目時,應只將主題、自定義插件和配置文件納入版本控制;設置.gitignore文件以忽略上傳目錄、緩存和敏感配置;利用webhook或CI工具實現(xiàn)自動部署並註意數(shù)據(jù)庫處理;採用兩分支策略(main/develop)進行協(xié)作開發(fā)。這樣做可避免衝突、保障安全,並提升協(xié)作與部署效率。

使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性,避免影響真實網(wǎng)站。搭建測試環(huán)境的步驟包括:下載安裝本地服務器軟件(如LocalWP、XAMPP),創(chuàng)建站點、設置數(shù)據(jù)庫和管理員賬號,安裝主題和插件進行測試;複製正式網(wǎng)站到測試環(huán)境的方法是通過插件導出站點、導入測試環(huán)境並替換域名;使用時應注意不使用真實用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境,並統(tǒng)一團隊配置以減少差異問題。

創(chuàng)建Gutenberg塊的關鍵在於理解其基本結構並正確連接前後端資源。 1.準備開發(fā)環(huán)境:安裝本地WordPress、Node.js和@wordpress/scripts;2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯;3.通過npm構建JS文件以使更改生效;4.遇到問題時檢查路徑、圖標是否正確或使用實時監(jiān)聽構建避免重複手動編譯。按照這些步驟,可以逐步實現(xiàn)一個簡單的Gutenberg塊。

在WordPress中,當新增自定義文章類型或修改固定鏈接結構後,需手動刷新重寫規(guī)則,此時可通過代碼調用flush_rewrite_rules()函數(shù)實現(xiàn)。 1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新;2.僅在必要時執(zhí)行一次,如添加CPT、分類法或修改鏈接結構後;3.避免頻繁調用以免影響性能;4.多站點環(huán)境下需視情況為每個站點單獨刷新;5.某些託管環(huán)境可能限制規(guī)則保存。此外,訪問“設置>固定鏈接”頁麵點擊保存也可觸髮刷新,適合非自動化場景。

要實現(xiàn)響應式WordPress主題設計,首先要使用HTML5和移動優(yōu)先的Meta標籤,在header.php中添加viewport設置以確保移動端正確顯示,並用HTML5結構標籤組織佈局;其次,利用CSS媒體查詢實現(xiàn)不同屏幕寬度下的樣式適配,按移動優(yōu)先原則編寫樣式,常用斷點包括480px、768px和1024px;第三,彈性處理圖片和佈局,為圖片設置max-width:100%並使用Flexbox或Grid佈局替代固定寬度;最後,通過瀏覽器開發(fā)者工具和真實設備進行充分測試,優(yōu)化加載性能,確保響應

tosetupredirectsinwordpressingthe.htaccessfile,locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe#beginWordPresssection.forbasic301redirects,USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS:

UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail()函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail()

TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS,關注臺詞:1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
