如何在WordPress中顯示圓形的Gravatar圖像


最近,我們向您展示瞭如何設置註釋佈局的樣式以及如何設置註釋表單的樣式。 我們的一位用戶向我們發送了電子郵件,並問“您如何使圖像變圓? 您是否在本地存儲圖像以使其圓潤?” 在本文中,我們將向您展示如何在WordPress中顯示圓形圖像。 我們將使用CSS3的border-radius屬性創建圓形圖像。

您需要做的第一件事是編輯主題的style.css文件。 您可以通過使用FTP程序或轉到 外觀»編輯器 在您的WordPress管理員中。 接下來,您要在CSS文件中添加以下代碼:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

這應該適用於大多數WordPress主題。 但是,如果這不適用於您的主題,則可能是某些插件或您的主題函數弄亂了WordPress中用於gravatar的默認類。 為了找出主題中使用的CSS類圖像,您需要打開一個帶有評論的博客文章。 向下滾動到註釋部分,然後在圖形圖像上單擊鼠標右鍵以選擇“檢查元素”。 它將為您顯示Gravatar的源代碼,如下所示:

查找Gravatar圖標使用的CSS類

如果圖像具有除 頭像 然後用它代替 .avatar 在上面的CSS代碼中。

我們希望本文能幫助您在WordPress博客上顯示圓形的圖像。 請在下面留下評論,讓我們知道您是否有任何疑問或反饋。