如何在WordPress中添加自定義圖像大小

 

如何在WordPress中添加自定義圖像大小

是否要在您的網站上包括自定義圖像尺寸?您來對地方了。在本教程中,我們將向您展示如何在WordPress中添加自定義圖片大小並更改現有圖片大小。

什麼是默認WordPress圖像大小?

默認情況下,每個WordPress安裝都帶有三個自定義圖像大小。

  • 縮圖– 150 * 150
  • 中– 300 * 300
  • 大– 1024 * 1024

這意味著,當您將圖像上傳到站點時,核心將自動創建這些尺寸的副本。但是,有時這些尺寸並不是您網站所需的尺寸。

為什麼更改默認圖像尺寸?

WordPress提供的默認圖像尺寸是標準的,但有時您可能需要不同的圖像尺寸。在這種情況下,您需要創建自定義的。為此,大多數初學者將圖像上傳到他們的網站,並使用WordPress本機調整大小功能來調整前端圖像的大小。但是,如果必須對所有圖像都這樣做,則效率不高。這就是為什麼添加自定義圖像尺寸將幫助您節省大量時間的原因。

在本指南中,我們將向您展示如何在WordPress中包括新的圖像尺寸,以便每次將圖像上傳到網站時,WordPress都會自動將其轉換為所需的所有不同尺寸,而無需您進行任何其他工作。

另一方面,您也可以刪除不需要的默認圖像尺寸,以節省伺服器空間。如果您知道該怎麼做,請查看本指南。

注意:一些WordPress主題已經帶有自定義圖像尺寸,因此請確保您計劃註冊的新尺寸不可用。

如何更改默認的WordPress圖像大小

如果您未使用WordPress包含的所有默認圖像尺寸,則可以更改這些尺寸,而不必添加新的尺寸。好消息是,您無需使用任何其他插件或自定義代碼即可執行此操作。

在WordPress管理控制台中,轉到「設置」>「媒體」。在那裡,您可以更改3個默認圖像尺寸的尺寸。

wordpress媒體設置

只需在要修改的圖像尺寸中輸入所需的寬度和高度。例如,假設您要將中等尺寸的圖像更改為500 * 500 px。只需在相應的欄位中輸入新值,然後單擊「保存更改」按鈕。

新圖像尺寸

您可以根據需要更改所有默認尺寸或特定尺寸。確保保存更改,並在向WooCommerce商店或WordPress網站添加自定義圖像大小後考慮重新生成縮略圖。

如何在WordPress中添加自定義圖像大小

如果要更改默認大小而不是要在WordPress中添加自定義圖像大小,則有兩個選擇。

  1. 手動地
  2. 帶插件

在本節中,我們將解釋這兩種方法,以便您選擇最適合您的需求和技能的一種。

1)手動添加自定義圖像尺寸

使用幾行PH​​P,您將能夠向WordPress網站添加自定義圖像大小。由於我們將編輯一些核心文件,因此在開始之前,建議您創建一個子主題並生成您網站的完整備份。

對於此演示,我們將使用Child Themify WordPress插件

安裝並激活子主題

在WordPress信息中心中,轉到「插件」部分,然後在您的網站上安裝並激活Child Themify插件。

添加子項

添加自定義圖像尺寸

然後,轉到外觀>主題編輯器。

WordPress主題編輯器

默認情況下,主題編輯器將載入style.css文件,但是要添加自定義圖像大小,您需要選擇子主題的functions.php。

functions.php文件

打開fuctions.php文件後,粘貼以下代碼。

add_theme_support(’縮略圖’);

這個簡單的腳本將在您的安裝中啟用add_image_size功能。否則,您將無法創建任何其他圖像尺寸。粘貼代碼後,按「更新文件」按鈕。

在wordpress中添加自定義圖片大小-更新functions.php

我們已成功在您的網站上啟用該功能。現在,您需要添加首選的自定義尺寸。為此,我們將使用以下代碼:

add_image_size(’縮略圖大小’,800,240); add_image_size(’homepage-thumb size’,220,180); add_image_size(’全頁縮略圖大小’,590,790);

如果您仔細看一下下面的圖片,您會發現我們已經添加了要包含的每個自定義尺寸的名稱和尺寸。只需根據需要更改名稱和大小。自定義代碼後,將其粘貼到functions.php文件中,然後更新文件。

在wordpress中添加自定義圖片大小-添加自定義圖片大小

而已!您已成功將自定義圖像尺寸添加到WordPress網站。

現在,每次上傳圖像並檢查尺寸選項時,您都會看到WordPress使用新的自定義尺寸創建圖像的副本。此外,您可以使用「重新生成縮略圖」插件來創建圖像的縮略圖。

在wordpress中添加自定義圖片大小-添加自定義圖片大小

2)使用插件創建自定義圖像尺寸

如果您不想編輯主題的核心文件,則可以使用插件添加自定義圖像大小。我們將使用兩種不同的工具添加自定義代碼,而不是編輯functions.php文件:

  1. 代碼段
  2. 圖像重新生成並選擇裁剪。

方法1:代碼段
安裝和激活代碼段

首先,在WordPress信息中心中,轉到「插件」>「添加新內容」。搜索代碼片段,安裝並激活它。

代碼片段wordpress插件

然後,轉到代碼段設置。

添加自定義代碼段

要添加新的自定義圖片尺寸,您需要創建一個新的代碼段。

添加了新片段

為此,您可以使用以下代碼並根據需要調整名稱和大小。

add_theme_support(’縮略圖’);

add_image_size(’縮略圖大小’,800,240);
add_image_size(’homepage-thumb size’,220,180);
add_image_size(’全頁縮略圖大小’,590,9999);

在代碼段部分中添加代碼後,將其保存。

驗證代碼

為確保一切正常,請檢查活動圖像尺寸。

添加新圖像尺寸

如您在上面的屏幕截圖中所見,WordPress已經識別出我們剛剛添加的自定義圖像。

此方法涉及一些編碼,但不需要編輯主題文件。此外,代碼段是在您的網站上插入代碼而不創建任何子主題或修改現有文件的絕佳選擇。

方法2:圖像重新生成並選擇裁剪

Image Regenerate&Select Crop是另一個出色的插件,可以幫助您重新生成和裁剪圖像。

安裝映像再生和選定的裁切

首先,在您的站點上安裝並激活Image Regenerate&Selected Crop

圖像裁剪器插件

添加自定義圖像尺寸

激活插件後,轉到設置>媒體。在頁腳處,您將看到一個添加自定義圖像尺寸的新選項。

添加新圖像尺寸

只需命名新的自定義尺寸,輸入寬度,高度,然後選擇裁剪選項即可。對於此演示,我們將調用新的尺寸測試圖像。

新的測試圖像

重複該過程以添加所需的圖像大小。

添加新圖像尺寸

另一方面,如果您需要刪除已添加的圖像尺寸,則只需清除名稱並保存更改即可。

最終驗證

添加所需的圖像尺寸後,您應該驗證是否已從「重新生成縮略圖」設置中將其正確添加到WordPress。

添加測試圖像

如您在上方看到的,測試圖像出現在設置中,這意味著我們已成功將其添加到我們的站點。

再生圖像

此外,您可以使用新的自定義尺寸重新生成舊圖像。為此,只需轉到「圖像重新生成」並選擇「裁剪」>「常規設置」。

再生圖像

這個插件的一大優點是您不需要依賴任何其他圖像重新生成插件。Image Regenerate&Select Crop負責新圖像尺寸的創建和圖像再生。

獎勵:圖像尺寸管理器

如果您喜歡免費解決方案而不是免費工具,請查看Image Sizes Manager只需13美元,這個經濟實惠的插件即可提供終身許可證和6個月的高級支持。

圖像尺寸管理器

就像其他插件一樣,它允許您創建自定義圖像大小,而無需編輯主題文件或添加代碼。此外,您可以使用簡碼顯示裁剪的圖像。關於此插件的好處是,由於您沒有在站點中添加任何其他圖像大小,因此WordPress不會生成任何其他圖像,因此可以節省伺服器上的磁碟空間。

重新生成縮略圖

在WordPress網站上創建自定義圖像大小後,伺服器將相應地轉換所有新圖像。但是,它不會裁剪您現有的圖像。為此,您必須使用一個名為「重新生成縮略圖」的工具。

安裝和激活重新生成縮略圖

首先,在您的站點上安裝並激活插件。

在wordpress中添加自定義圖片大小-重新生成縮略圖

在「工具」部分下,您將看到插件的設置,並且將能夠重新生成所有媒體文件或僅重新生成特色圖像。

在wordpress中添加自定義圖片大小-主要設置

如果您最近更改了WordPress主題,建議您為所有精選圖像重新生成縮略圖。另一方面,如果需要將新的自定義圖像大小應用於現有的媒體文件,請選擇「為所有XX附件重新生成縮略圖」選項。

該插件將開始更新,幾分鐘後,您就可以開始了。

注意:如果看不到新註冊的自定義圖像大小,那是由於伺服器緩存。如果是這種情況,我們建議您清除WordPress緩存。

刪除默認圖像尺寸

當您將圖片上傳到WordPress時,默認情況下,伺服器會自動生成3種不同大小的圖片副本:

由於這會佔用伺服器空間,因此您可以刪除其中一些默認圖像大小,以避免創建過多的圖像副本。您可以通過WordPress管理儀錶板手動或以編程方式進行操作。有關這兩種方法的更多信息,請參閱本指南。

推薦建議

在結束本文之前,我們為您提供一些建議。

創建子主題

如前所述,如果您要使用編碼方法在WordPress網站上創建自定義圖片大小,建議您使用子主題。否則,如果更改父主題的functions.php文件,則下次更新主題時,將丟失所有自定義項。

考慮使用圖像壓縮插件

具有許多自定義大小意味著您的伺服器將為您上傳的圖像創建許多副本,這可能會影響伺服器的存儲。通常,託管公司會根據用戶的計劃限制磁碟空間的使用,因此,最好使用圖像壓縮插件來幫助您節省一些空間。

根據我們的經驗,ShortPixel是壓縮圖像的出色工具。該插件非常易於設置和使用,將幫助您節省寶貴的伺服器空間。此外,您可以使用圖像優化插件。Jetpack是一個不錯的選擇,它還為用戶提供圖像CDN(內容交付網路)。

結論

總而言之,WordPress默認帶有三種自定義圖像大小。但是,您可以將自定義圖像大小添加到WordPress網站,並根據需要進行調整。在本指南中,我們已經看到了兩種方法:

  1. 手動地
  2. 帶插件

如果您不想在您的站點上安裝任何插件,則手動方法最適合您。只需幾行代碼,您就可以在網站上添加自定義圖片大小。另一方面,如果您不滿意編輯核心文件,請使用其中一個插件。

代碼片段是添加自定義代碼的基本插件,但是您將需要一個圖像重新生成插件來重新生成圖像。相比之下,「圖像重新生成和選定的裁剪」不僅可以幫助您添加自定義圖像大小,還可以重新生成圖像。最後,Image Sizes Manager是一個高級工具,它無需生成其他圖像尺寸,而是允許您調整某些圖像的尺寸。

您知道在網站上添加自定義圖片尺寸的其他方法嗎?您使用哪種方法?在下面的評論部分讓我們知道。如果您剛剛創建了新的圖像尺寸,並且需要刪除舊的縮略圖,請查看本指南,其中介紹了3種不同的處理方法。

相關文章