你想在WordPress中更改Gravatar圖像大小嗎?Gravatar是一項將用戶的電子郵件地址與圖片連接起來的服務。WordPress 主題以設(shè)定的大小顯示頭像,但您可能更喜歡將這些圖像變小或變大,以更好地適合您網(wǎng)站的設(shè)計。在本文中,我們將向您展示如何在WordPress中更改Gravatar圖像的大小。
![]()
為什么要在WordPress中更改頭像圖像大小?
Gravatar 代表 全球公認的頭像。這是一項網(wǎng)絡服務,可讓您創(chuàng)建個人資料并將頭像圖像與您的電子郵件地址相關(guān)聯(lián)。
大多數(shù)WordPress主題在用戶的評論旁邊顯示一個Gravatar。一些主題還會在作者簡介框中顯示一個頭像。
即使用戶沒有Gravatar帳戶,您的網(wǎng)站仍將顯示默認的WordPress Gravatar之一。
![]()
有時您可能想更改主題的頭像的大小。例如,您可能希望將它們放大以使其脫穎而出。這可以吸引訪問者對您網(wǎng)站的評論部分的注意,并幫助您在WordPress帖子上獲得更多評論。
方法1:使用WordPress全站編輯器更改頭像大小(僅限塊主題)
如果您使用的是基于塊的主題,例如 主題島赫斯蒂亞專業(yè)版 or 二十二三,那么您可以使用全站點編輯器更改 Gravatar 大小。
此方法不適用于所有主題,因此如果您不使用啟用塊的主題,那么我們建議您改用方法 2。
在WordPress儀表板中,轉(zhuǎn)到外觀?編輯器。

在左側(cè)菜單中,您可以選擇是編輯模板還是模板部件。
要更改WordPress評論的Gravatar大小,您通常會從左側(cè)菜單中選擇“模板部件”。

之后,只需點擊“評論”。
您現(xiàn)在可以單擊以選擇 注釋 模板部分。

這將打開一個新菜單,其中包含可用于自定義注釋模板部分的設(shè)置。
您現(xiàn)在可以繼續(xù)并單擊實時預覽中的任何頭像。
![]()
在右側(cè)菜單中,您可以選擇“阻止”選項卡(如果尚未選擇)。
您現(xiàn)在可以通過拖動“圖像大小”滑塊來放大或縮小頭像。
![]()
當你移動滑塊時,所有的頭像都會自動更新,所以你可以嘗試不同的尺寸,看看什么看起來最好。
當您對所做的更改感到滿意時,請單擊“保存”按鈕。
![]()
現(xiàn)在,如果您訪問WordPress網(wǎng)站上的任何評論部分,您將實時看到更改。
方法2:更改WordPress評論的頭像大小(適用于所有主題)
如果您沒有使用啟用塊的WordPress主題,則可以使用代碼更改WordPress注釋的Gravatar大小。
此方法要求您編輯主題文件,因此它不是最適合初學者的選項。但是,此方法應該適用于大多數(shù)WordPress主題。
如果您直接編輯WordPress主題文件,則下次更新主題時,這些更改將消失。
創(chuàng)建子主題后,您需要使用FTP客戶端(如FileZilla)連接到WordPress站點,或者您可以使用WordPress托管cPanel的文件管理器。
如果您是SiteGround客戶,則可以改用站點工具儀表板。
連接后,您需要轉(zhuǎn)到/wp-content/themes/并打開當前WordPress主題的文件夾。

到達此處后,打開注釋.php文件并查找函數(shù)。在此函數(shù)中,您將找到設(shè)置頭像大小的函數(shù)。wp_list_comments``avatar_size
下面是一個示例:
<?php
wp_list_comments(
array(
'avatar_size' => 60,
'style' => 'ol',
'short_ping' => true,
)
);
?>
您可以簡單地將其更改為要使用的大小。在上面的代碼片段中,這意味著將 60 更改為另一個數(shù)字。avatar_size
頭像是正方形的,因此WordPress將對圖像的寬度和高度使用相同的值。這意味著您只需要輸入一個數(shù)字。
進行此更改后,請確保保存文件并將其上傳回您的WordPress托管帳戶。完成后,您可以訪問WordPress博客以查看操作中的更改。
如果 Gravatar 圖像沒有更改,則可能是由于緩存。
如果 Gravatar 仍然沒有更改,那么您的主題的 CSS 可能會覆蓋 comment.php 文件中的設(shè)置。
您可以使用瀏覽器的檢查工具查看是否是這種情況。步驟會因您使用的瀏覽器而異,但在 Chrome 上,您只需右鍵單擊或按住 Ctrl 鍵單擊頭像,然后選擇“檢查”。
![]()
這將在新面板中顯示頁面的 HTML 和 CSS 代碼。
在此代碼中,您需要查找高度和寬度值。
![]()
如果大小與您在 comment.php 文件中指定的大小不同,則意味著您的主題樣式.css文件將覆蓋您的更改。
如果是這種情況,則只需切換回FTP客戶端即可。您現(xiàn)在可以打開主題的文件夾,然后打開 style.css 文件。

在這里,搜索帶有單詞 .avatar
您通常會在 CSS 類中找到它,例如:comment-author .avatar
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
您現(xiàn)在可以繼續(xù)將寬度和高度更改為您想要的重力頭像值。
之后,只需保存更改即可。現(xiàn)在,如果您訪問WordPress博客或網(wǎng)站,您將看到更新的Gravatar圖像。
此時,您可能想知道為什么我們建議在使用更簡單的 CSS 方法之前嘗試更改 注釋.php 文件中的 Gravatar 大小。
首先,CSS有時會使頭像看起來模糊,特別是如果你使頭像比原始圖像大得多。其次,更改評論中的圖像大小.php通常可以幫助您的網(wǎng)站更快地加載。
方法3:如何更改作者簡歷的頭像大小
如果您運行多作者WordPress網(wǎng)站,那么作者框可以幫助讀者了解有關(guān)帖子作者的更多信息。
許多作者簡歷顯示了作者的頭像以及他們的簡歷。要更改作者簡介框中的默認 Gravatar 大小,您需要找到添加簡介的主題文件。
只需使用FTP客戶端(如FileZilla)或WordPress托管的文件管理器連接到您的網(wǎng)站。連接后,轉(zhuǎn)到/wp-content/themes/并打開當前WordPress主題的文件夾。
之后,您需要打開模板部件文件夾。

現(xiàn)在需要找到包含代碼的文件。您通常會在名為 author-bio.php、單個.php文件、函數(shù).php文件或類似文件的模板部件文件中找到此代碼。get_avatar
下面是此代碼的外觀示例:
<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
<?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>
在上面的代碼段中,您只需將數(shù)字 85 更改為您要使用的大小即可。
在其他主題中,代碼可能如下所示:
get_avatar( get_the_author_meta( 'user_email' ), 85);
您可以簡單地將數(shù)字替換為要用于使 Gravatar 變大或變小的值。
更改大小后,不要忘記保存更改。然后,您可以訪問您的網(wǎng)站以查看新的作者簡介框。
如果頭像沒有改變,則需要按照上述相同的過程在 style.css 文件中搜索頭像類。找到此類后,您可以鍵入新的 Gravatar 高度和寬度值。





