適當(dāng)?shù)膱D片大小不僅可以提升頁面加載速度，還能改善用戶體驗(yàn)，并確保網(wǎng)站在不同設(shè)備和屏幕尺寸上均具有良好的響應(yīng)性和視覺效果。在WordPress中，我們可以通過內(nèi)置功能或使用插件來管理和調(diào)整圖像尺寸，以滿足特定的布局需求和性能標(biāo)準(zhǔn)。
一、默認(rèn)尺寸
在默認(rèn)設(shè)置下，每個WordPress安裝預(yù)配置了三種自定義圖像尺寸，以適應(yīng)不同的顯示和用途需求。
1、縮略圖 – 尺寸為150×150像素：這種尺寸通常用于文章列表或歸檔頁面中的小圖像預(yù)覽。
2、中等尺寸 – 尺寸為300×300像素：這個尺寸的圖片經(jīng)常用在網(wǎng)站的標(biāo)準(zhǔn)文章中，提供較為清晰的視覺效果。
3、大尺寸 – 尺寸為1024×1024像素：這些較大的圖像適用于需要展示詳細(xì)圖片的場合，如特色圖像或當(dāng)用戶點(diǎn)擊查看完整大小的圖像時。
這些默認(rèn)尺寸可以根據(jù)網(wǎng)站的具體需求進(jìn)行調(diào)整，WordPress提供了靈活的函數(shù)來修改這些值，或者添加更多的自定義尺寸，以優(yōu)化網(wǎng)站的視覺表現(xiàn)和提高加載速度。
二、修改默認(rèn)尺寸
在WordPress管理控制臺中，轉(zhuǎn)到“設(shè)置”>“媒體”。在那里，可以更改3個默認(rèn)圖像尺寸的尺寸。
只需在要修改的圖像尺寸中輸入所需的寬度和高度。例如，假設(shè)要將中等尺寸的圖像更改為500 * 500 px。只需在相應(yīng)的字段中輸入新值，然后單擊“保存更改”按鈕。
三、添加自定義尺寸
1、手動添加
使用幾行PHP代碼，可以輕松地為WordPress網(wǎng)站添加自定義圖像尺寸。在開始之前，建議創(chuàng)建一個子主題并生成網(wǎng)站的完整備份，以確保數(shù)據(jù)安全。
在這個演示中，我們將使用Child Themify WordPress插件來操作。首先，安裝并激活Child Themify插件。
然后，轉(zhuǎn)到外觀>主題編輯器。
默認(rèn)情況下，主題編輯器將加載style.css文件，但要添加自定義圖像尺寸，需要選擇子主題的functions.php。
打開functions.php文件后，粘貼以下代碼：
add_theme_support('thumbnail');
這個腳本將在安裝中啟用add_image_size功能，否則將無法創(chuàng)建任何其他圖像尺寸，粘貼代碼后，按“更新文件”按鈕。
接下來，我們需要添加首選的自定義尺寸。為此，我們將使用以下代碼：
add_image_size('thumbnail-size', 800, 240);
add_image_size('homepage-thumb-size', 220, 180);
add_image_size('full-page-thumbnail-size', 590, 790);
如果仔細(xì)看一下下面的圖片，會發(fā)現(xiàn)我們已經(jīng)添加了要包含的每個自定義尺寸的名稱和尺寸。只需根據(jù)需要更改名稱和大小。自定義代碼后，將其粘貼到functions.php文件中，然后更新文件。
至此，已成功將自定義圖像尺寸添加到WordPress網(wǎng)站。現(xiàn)在，每次上傳圖像并檢查尺寸選項(xiàng)時，都會看到WordPress使用新的自定義尺寸創(chuàng)建圖像的副本。此外，可以使用“重新生成縮略圖”插件來創(chuàng)建圖像的縮略圖。
3、使用插件添加
如果不想直接編輯主題的核心文件，可以使用插件來添加自定義圖像大小。我們將使用兩種不同的工具添加自定義代碼，而不是直接編輯functions.php文件：
首先，在WordPress信息中心中，轉(zhuǎn)到“插件”>“添加新內(nèi)容”，搜索代碼片段，安裝并激活它。
然后，轉(zhuǎn)到代碼段設(shè)置，添加自定義代碼段。要添加新的自定義圖片尺寸，需要創(chuàng)建一個新的代碼段。
為此，可以使用以下代碼并根據(jù)需要調(diào)整名稱和大小。
add_theme_support('thumbnail');
add_image_size('thumbnail-size', 800, 240);
add_image_size('homepage-thumb-size', 220, 180);
add_image_size('full-page-thumbnail-size', 590, 790);
在代碼段部分中添加代碼后，將其保存，然后驗(yàn)證代碼。
為確保一切正常，請檢查活動圖像尺寸。
如在上面的屏幕截圖中所見，WordPress已經(jīng)識別出我們剛剛添加的自定義圖像。
此方法涉及一些編碼，但不需要編輯主題文件。此外，代碼段是在網(wǎng)站上插入代碼而不創(chuàng)建任何子主題或修改現(xiàn)有文件的絕佳選擇。
