如何在 WordPress 中更改縮略圖大小以及為什麼要這樣做

已發表: 2019-04-21

當您建立一個新的 WordPress 網站時,該平台會為您提供三種圖像尺寸供您使用:縮略圖(加上文件的原始分辨率)。 這為您提供了大量可供選擇的選項。 但是,縮略圖尤其難以使用,因為您需要確保它們在所有主題和設備上看起來都不錯。

幸運的是,在 WordPress 中更改圖像的縮略圖大小只需要一兩分鐘。 在此期間,您還可以向網站添加新的默認圖像尺寸,以獲得更多選擇。 在本文中,我們將教您如何做到這兩點,讓我們開始吧!

訂閱我們的 YouTube 頻道

如何在 WordPress 中更改縮略圖大小

在 WordPress 中更改縮略圖大小非常容易。 以下是您需要遵循的步驟,我們將在稍後詳細介紹:

  1. 轉到您的 WordPress 儀表板。
  2. 導航到設置 > 媒體選項卡。
  3. 查找圖像大小 > 縮略圖大小部分。
  4. 以像素為單位更改縮略圖的默認寬度和高度。

差不多就是這樣。 然而,讓我們仔細看看圖像大小 > 縮略圖部分:

圖像大小 > 縮略圖部分。

如您所見,默認的縮略圖大小構成了成比例的方形圖像。 在 150×150 像素下,您應該查看以下內容:

默認縮略圖大小的示例。

該圖像採用了所謂的“硬裁剪”,因為我們啟用了“裁剪縮略圖到精確尺寸”的設置。 這意味著 WordPress 將採用您設置的縮略圖大小,用您使用的圖像“填充”該區域,並保留圖像的其餘部分。 另一方面,“軟裁剪”是一種調整大小,在保留圖像比例的同時縮小圖像。

現在,繼續選擇新的默認縮略圖大小。 然後,請記住保存對設置的更改。

一旦您設置了新的默認縮略圖大小,WordPress 就會將它用於您從那時起上傳的所有圖像。 但是,如果您已經有一個使用其他縮略圖大小的相當大的媒體庫怎麼辦?

您可以簡單地“調整”它們的大小,而不是重新上傳這些圖像。 該工作的最佳工具是 AJAX Thumbnail Rebuild 插件:

AJAX 縮略圖重建插件。

這個插件的作用是獲取所有現有的縮略圖並一一調整它們的大小。 它也適用於 WordPress 使用的其他圖像尺寸,例如等。 這意味著即使您更改了任何這些默認尺寸(我們稍後將向您展示如何操作),您也可以使用它。

首先,安裝並激活插件。 完成後,跳轉到“設置”>“重建縮略圖”選項卡並選擇要調整大小的圖像,然後單擊“重建所有縮略圖”按鈕:

WordPress 縮略圖設置。

該過程可能需要一段時間,具體取決於您的媒體庫包含的圖像數量。 所以請耐心等待,在看到“完成”消息之前不要關閉選項卡。

為什麼您可能需要更改 WordPress 縮略圖大小

在這一點上,我們已經介紹瞭如何更改縮略圖大小,但我們還沒有討論原因。 WordPress 的默認縮略圖大小為 150×150 像素對於某些用戶來說可以很好地工作,但是沒有一種圖像分辨率適合所有類型的設計。

例如,您可能需要更大的縮略圖來展示更多細節。 如果您經營電子商務商店,這一點尤其重要。 或者您可能想要使用更矩形的形狀,尤其是在博客或新聞網站的特色圖像方面。

如果您正在重新設計您的網站或嘗試新主題,花一些時間嘗試圖像大小也是一個好主意,這樣您就可以了解什麼最適合新樣式。 此外,該過程非常簡單,只需幾分鐘即可完成,並且不會影響您現有的媒體庫,除非您安裝我們上面介紹的額外插件。

如果您想向 WordPress 添加自定義圖像大小怎麼辦?

每當您將圖像上傳到 WordPress 時,該平台都會在後台運行一些魔法,將該圖像調整為您可以使用的多個尺寸。 正如我們之前提到的,這包括縮略圖、中圖像和大圖像。 擁有多個尺寸的相同圖像可以讓您的生活更輕鬆,讓您可以選擇最適合您需求的選項。

您可以使用我們上面描述的相同過程來更改這些默認圖像大小。 但是,您也可以向站點添加新的默認尺寸。 這可能是一個非常有用的選項。 您可以為站點中所有不同類型的圖像設置特定大小,避免手動調整每個新圖像的大小。

要將新的默認圖像大小添加到 WordPress,您需要編輯主題的functions.php文件。 這意味著您需要使用 FileZilla 等文件傳輸協議 (FTP) 客戶端連接到您的站點,然後導航到您站點的根文件夾。

到達那里後,打開wp-content/themes目錄並查找共享主題名稱的文件夾:

wp-content/themes 目錄。

您應該在此文件夾中找到functions.php文件。 完成後,右鍵單擊它並點擊查看/編輯選項。 這將使用本地文本編輯器打開文件,以便您可以對其進行更改:

functions.php 文件。

對主題的functions.php文件進行任何更改時要非常小心,不要更改其任何現有內容。 相反,您需要在底部添加一個新的代碼片段:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

這段代碼中的註釋解釋了它是如何工作得很好。 首先,它告訴 WordPress 您要為主題添加新的圖像大小。 然後它會創建一個新的默認選項,並註冊它,以便下次打開它時它會顯示在編輯器中。

讓我們仔細看看我們註冊的新默認值:

add_image_size( 'post-image', 660 );

添加新的自定義圖像尺寸時,您可以設置寬度和高度。 在我們的示例中,我們只設置寬度,它始終是第一個值。 這意味著 WordPress 會將圖像調整為我們想要的寬度和成比例的高度。

如果你還想添加一個特定的高度,你的線條看起來像這樣:

add_image_size( 'post-image', 660, 480 );

隨意添加您想要的任何自定義尺寸,為每個使用一個新行。 然後將更改保存到您的functions.php文件,新選項應該會顯示在您的 WordPress 編輯器中。

結論

使用 WordPress 最好的部分之一是它的可定制性。 平台的任何方面(無論大小)都是您無法改變的。 這也適用於 WordPress 的縮略圖大小以及其他各種默認圖像選項。

如果要更改默認的 WordPress 縮略圖大小,可以通過四個快速步驟進行:

  1. 轉到您的 WordPress 儀表板。
  2. 導航到設置 > 媒體選項卡。
  3. 查找圖像大小 > 縮略圖大小部分。
  4. 以像素為單位更改縮略圖的默認寬度和高度。

您對 WordPress 圖像大小有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

文章縮略圖由 ConceptVectorDesign/shutterstock.com 提供