如何在WordPress中更改Gravatar圖像大小


最近,我們的一位讀者問是否可以更改Gravatar圖像的大小。 答案是肯定的。 在本文中,我們將向您展示如何在WordPress中更改Gravatar圖片大小。

如何在WordPress中更改Gravatar圖像大小

Gravatar是全球認可的頭像,可將用戶的電子郵件地址與他們的圖片聯繫起來。 諸如WordPress之類的流行應用程序以及其他應用程序都使用它在網站上顯示用戶的照片。

默認情況下,大多數WordPress主題都會在每個用戶評論旁邊添加一個Gravatar。 有些人甚至將其用於作者簡介盒。

讓我們看一下如何在WordPress網站上更改Gravatar圖片大小。

注意: 由於Gravatar圖像大小由您的主題定義,因此您需要編輯主題文件以進行更改。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

更改WordPress註釋的Gravatar大小

您需要做的第一件事是打開位於主題文件夾中的comment.php文件。

您需要使用FTP連接到您的網站,然後轉到/ wp-content / themes / yourtheme /。

或者,如果您的WordPress託管公司提供了文件管理器,則可以使用cPanel中的Web界面編輯此文件。

在comments.php文件中,您需要找到以下代碼: avatar_size

它將在裡面 wp_list_comments 像這樣的功能:

 'ol',
	'short_ping'  => true,
	'avatar_size' => 32,
) );
?>

只需將大小更改為您喜歡的任何尺寸。 凹版畫是正方形的,因此您設置的值在寬度和高度上都相同。

繼續並保存您的更改。 如果使用FTP,則將更改上傳到服務器。

現在打開有評論的帖子,看看您的更改是否生效。

如果不是,則您主題的CSS會覆蓋它。 最好的檢查方法是在瀏覽器中使用Inspect Elements工具。

只需右鍵單擊瀏覽器中的Gravatar,然後單擊檢查元素。

檢查元素註釋Gravatar

您需要查看Gravatar圖像的高度和寬度,以查看它是否反映了您設置的值。

當您將鼠標移到它上面時,它還將突出顯示圖像上的圖像,並向您顯示其實際顯示的大小。

Gravatar圖像大小WordPress

您會注意到兩者是不同的。 這意味著您主題的style.css文件將覆蓋默認圖像大小。 許多主題(包括默認的二十十六主題)都使用CSS控制不同屏幕尺寸的Gravatar圖像尺寸。

您需要打開主題文件夾中的style.css文件並蒐索化身。 您可能會發現一個CSS類: .comment-author .avatar 其中包含如下代碼:

.comment-author .avatar {
	height: 42px;
	position: relative;
	top: 0.25em;
	width: 42px;
}

繼續並更改寬度和高度,以匹配您先前在comment.php文件中設置的值。

就這樣。 您已成功更改WordPress註釋中的圖形圖像大小。

現在您可能想知道是否可以使用CSS覆蓋圖像大小,那麼為什麼我們要在comments.php文件中更改avatar_size?

是的,雖然您可以使用CSS快捷方式,但這樣做有兩個好處:

1.沒有模糊的圖像

如果您想調整WordPress Gravatar的大小並使其大於默認圖像大小,則它將顯得模糊。

2.更快的加載時間

現在,如果您想使Gravatar的大小小於默認圖像的大小,那麼僅CSS的方法就可以了。

但是,通過更改comments.php中的大小,您實際的圖像變小了,從而減小了頁面大小並提高了網站速度。

更改Author Bio的Gravatar大小

根據您使用的主題,它可能還會將Gravatar用於作者生物包裝盒。 您可以通過與註釋非常相似的方式來更改默認圖像的大小。

您需要找到添加簡歷的主題文件。 它可以在single.php文件,functions.php文件中,甚至可以作為單獨的模板部件文件存在。 默認的“二十十六”主題使用模板文件“ biography.php”。

搜索文件時,您需要查找代碼 get_avatar

為了這個示例,我們將使用TwentySixteen默認主題作為示例。 在主題文件夾中:

/wp-content/themes/twentysixteen/template-parts/biography.php文件

內容如下:

$author_bio_avatar_size = apply_filters( 'twentysixteen_author_bio_avatar_size', 32 );

echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );

您只需要將數字32更改為所需的數字即可。

在其他主題中,代碼可能如下所示:

get_avatar( get_the_author_meta( 'user_email' ), 32);

更改大小後,刷新頁面以查看大小是否已更新。 如果沒有,那麼您需要像我們顯示的註釋一樣在style.css文件中搜索化身類,並在那裡更新大小。

我們希望本文能幫助您更改WordPress中的圖形顯示大小。 您可能還想查看有關25個最常見的WordPress錯誤以及如何修復它們的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。