特色圖片是您可以添加到博客文章中的最重要的圖片之一。愛掏網 - it200.com特色圖片之所以如此重要，是因為它在 WordPress 中的使用方式。愛掏網 - it200.com
當人們偶然發現在社交媒體上分享的您網站的鏈接時，他們首先看到的就是特色圖片和帖子標題。愛掏網 - it200.com這意味著您的特色圖片會影響人們是否會從社交媒體點擊查看您的帖子。愛掏網 - it200.com
這些圖像還可以提供另一個重要功能，具體取決于您在網站上安裝的主題。愛掏網 - it200.com它們可以顯示在您網站上鏈接到文章的所有位置。愛掏網 - it200.com例如，假設您有一個側邊欄，顯示閱讀量最高的五篇文章。愛掏網 - it200.com您將能夠在側邊欄中顯示您的帖子標題以及相應的特色圖片。愛掏網 - it200.com
這可以使網站在視覺上更具吸引力，并可能提高這些文章的點擊率。愛掏網 - it200.com
一些主題還在文章正文中顯示特色圖像，大部分直接位于帖子標題下方。愛掏網 - it200.com此處顯示的特色圖像變體通常具有所有圖像中最大的尺寸。愛掏網 - it200.com
當您將圖像上傳到媒體庫時，WordPress 會自動為其生成縮略圖。愛掏網 - it200.com目前，WordPress 默認生成四種不同尺寸的圖像。愛掏網 - it200.com
這些正確命名的尺寸是：縮略圖 (150 像素)、中 (300 像素)、中大 (768 像素) 和大 (1024 像素)。愛掏網 - it200.com
5.3 版本中添加了另外兩個寬度為 1536px 和 2048px 的變體。愛掏網 - it200.com默認情況下，無法通過 WordPress 管理儀表板訪問它們。愛掏網 - it200.com某些主題還可以定義特色圖像的特定尺寸。愛掏網 - it200.com例如，WordPress Twenty TwentyOne 主題創建一個 1568px 寬的變體，顯示在帖子標題的頂部。愛掏網 - it200.com
WordPress 將為您上傳到網站的任何精選圖像生成所有這些變體。愛掏網 - it200.com
根據您使用的主題，其中一些生成的圖像可能太大。愛掏網 - it200.com例如，我帖子中的特色圖片僅以 1250px 的寬度顯示。愛掏網 - it200.com然而，當我訪問該帖子時，WordPress 仍然加載了 1568px 寬的圖像。愛掏網 - it200.com
較大的圖像意味著較大的文件大小，這對您和您的訪問者來說都是資源浪費。愛掏網 - it200.com當您僅以最大寬度 1250 像素顯示特色圖像時，無需生成 1568 像素寬的特色圖像。愛掏網 - it200.com
更改特色圖像大小將節省存儲空間，并使訪問者更快地加載頁面。愛掏網 - it200.com雙贏！
如果您不使用任何插件，WordPress 只會在設置 > Media 下向您顯示三種不同的圖像尺寸。愛掏網 - it200.com它們是縮略圖、中和大。愛掏網 - it200.com如果您只想更改這三個值，則無需安裝額外的插件即可實現。愛掏網 - it200.com
更改其他圖像變體的尺寸將需要您更改主題文件或使用插件。愛掏網 - it200.com我將向您展示如何使用名為 Simple Image Sizes 的插件來做到這一點。愛掏網 - it200.com安裝并激活插件后，您將看到設置 > Media 頁面如下圖所示。愛掏網 - it200.com
您現在可以簡單地為不同的圖像變體指定自己的尺寸。愛掏網 - it200.com將寬度和高度設置為零，以防止 WordPress 生成任何該尺寸的圖像。愛掏網 - it200.com例如，我將 1536px 和 2048px 變體的寬度和高度設置為 0。愛掏網 - it200.com
指定您自己的尺寸后，您可以點擊保存更改按鈕。愛掏網 - it200.com以后上傳到媒體庫的任何內容都將根據您設置的大小生成變體。愛掏網 - it200.com
您現在應該做的最后一件事是重新生成舊圖像的修改后的變體。愛掏網 - it200.com只需點擊重新生成縮略圖，插件就會為您完成此操作。愛掏網 - it200.com
在本教程中，我們簡要討論了 WordPress 中特色圖像的幾個重要方面。愛掏網 - it200.com我希望這可以幫助您了解特色圖像的用途以及如何在 WordPress 中更改特色圖像的大小。愛掏網 - it200.com
我還想提一下的是，您不應該為圖像大小輸入任意值。愛掏網 - it200.com找出您網站上顯示圖像的最常見尺寸，然后相應地更改這些設置。愛掏網 - it200.com
以上就是修改WordPress中的特色圖像大小的詳細內容，更多請關注愛掏網 - it200.com其它相關文章！