如何在WordPress中顯示圓形的Gravatar頭像
最近，我們展示了如何設計你的留言佈局和留言表單。一位用戶給我們發送電子郵件，詢問「你們是如何讓Gravatar頭像顯示為圓形的？你們是將Gravatar頭像本地保存才使其變圓的嗎？」在本文中，我們將向您展示如何在WordPress中顯示圓形的Gravatar頭像。我們將使用CSS3的border-radius屬性來創建圓形的Gravatar頭像。
編輯主題的style.css文件
首先，你需要編輯你的主題的style.css文件。你可以使用FTP程序或在你的WordPress管理界面中前往外觀 » 編輯器來進行編輯。接下來，你需要將以下代碼添加到你的CSS文件中：
.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
這應該適用於大多數的WordPress主題。但是，如果這在你的主題中不起作用，那麼可能是某個插件或你的主題功能干擾了WordPress中用於Gravatar的默認類別。
檢查Gravatar的CSS類別
要找出在你的主題中Gravatar頭像使用的CSS類別，你需要打開一篇有留言的博客文章，滾動到留言區，右鍵點選Gravatar圖像並選擇「檢查元素」。它會顯示Gravatar的源代碼，如下所示：
如果Gravatar圖像有其他類別而非avatar，則在上述CSS代碼中使用該類別而不是.avatar。
我們希望這篇文章能幫助你在WordPress博客上顯示圓形的Gravatar頭像。如果你有任何問題或意見，請在下方留下留言告訴我們。
