建站
咨詢
售后
建站咨詢
新聞中心
默認(rèn)情況下，wordpress會自動創(chuàng)建多個(gè)不同大小的圖像上傳副本。此外，WordPress主題和插件還可以創(chuàng)建自己的圖像大小。
在本教程中，我們將向您展示如何在WordPress中輕松創(chuàng)建其他圖像尺寸并在您的網(wǎng)站上使用它們。
為什么要在WordPress中創(chuàng)建額外的圖像尺寸？
通常，所有流行的WordPress主題和插件都能很好地處理圖像大小。例如，您的WordPress主題可能會創(chuàng)建其他尺寸以用作存檔頁面上的縮略圖。
但是，有時(shí)這些圖像大小可能不符合您自己的要求。您可能希望在子主題或文章網(wǎng)格布局中使用不同的圖像大小。
您可以通過在WordPress中創(chuàng)建其他圖像大小，然后在需要時(shí)調(diào)用這些大小來實(shí)現(xiàn)。
話雖如此，讓我們來看看如何在WordPress中創(chuàng)建額外的圖像大小。
為您的主題注冊額外的圖像尺寸
大多數(shù)WordPress主題（包括所有頂級WordPress主題）默認(rèn)都支持發(fā)布縮略圖（特色圖片）功能。
但是，如果您要?jiǎng)?chuàng)建自定義WordPress主題，則需要通過將以下代碼添加到主題的functions.php文件來添加對文章縮略圖的支持。
add_theme_support( 'post-thumbnails' );
啟用對文章縮略圖的支持后，您現(xiàn)在可以使用函數(shù) add_image_size() 來使用注冊附加圖像大小的功能。
add_image_size函數(shù)按以下格式使用：
add_image_size( 'name-of-size', width, height, crop mode );
示例代碼如下所示：
add_image_size( 'sidebar-thumb', 120, 120, true ); // 硬裁剪模式Hard Crop Mode add_image_size( 'homepage-thumb', 220, 180 ); // 軟裁剪模式Soft Crop Mode add_image_size( 'singlepost-thumb', 590, 9999 ); // 不限高度模式Unlimited Height Mode
現(xiàn)在，如果您注意到，我們已經(jīng)指定了三種不同類型的圖像大小。每個(gè)都有不同的模式，如硬裁剪、軟裁剪和無限高度。
讓我們介紹每個(gè)示例以及如何在您自己的項(xiàng)目中使用它們。
1. 硬裁剪模式
您可能會注意到，在高度之后添加了一個(gè)“true”值。這告訴WordPress將圖像精確裁剪到我們定義的大?。ㄔ诒纠袨?20×120像素）。
此方法用于確保一切都完全成比例。此功能將根據(jù)尺寸自動從側(cè)面或從頂部和底部裁剪圖像。
2. 軟裁剪模式
默認(rèn)情況下，軟裁剪模式處于打開狀態(tài)，這就是為什么您在高度之后看不到任何附加值的原因。此方法按比例調(diào)整圖像大小而不會使其失真。因此，您可能無法獲得所需的尺寸。通常，它匹配寬度尺寸，高度根據(jù)每個(gè)圖像的比例而不同。示例顯示如下所示：
無限高度模式
有時(shí)您想在設(shè)計(jì)中使用超長圖像，但您想確保寬度是有限的。例如，信息圖圖像往往很長，通常比內(nèi)容寬度更寬。
此模式允許您指定一個(gè)不會破壞您的設(shè)計(jì)同時(shí)保持高度不受限制的寬度。
在您的WordPress主題中顯示其他圖像大小
現(xiàn)在您已經(jīng)添加了所需圖像大小的功能，讓我們來看看在您的WordPress主題中顯示它們。打開要顯示圖像的主題文件并粘貼以下代碼：
注意：這段代碼一定要貼在post loop里面。
這就是在WordPress主題中顯示額外圖像大小所需要做的一切。您可能應(yīng)該使用適合您需要的樣式將其包裹起來。
重新生成額外的圖像尺寸
如果您不是在一個(gè)全新的網(wǎng)站上執(zhí)行此操作，那么您可能需要重新生成縮略圖。
add_image_size() 函數(shù)僅從它添加到主題的點(diǎn)生成大小。這意味著在包含此功能之前添加的任何文章圖像都不會具有新尺寸。
要解決此問題，您需要為舊圖像重新生成新圖像大小。這通過名為Regenerate Thumbnails的插件變得容易。安裝并激活插件后，菜單下會添加一個(gè)新選項(xiàng)：Tools ? Regenerate Thumbnails
您將看到為所有圖像或僅為特色圖像重新生成縮略圖的選項(xiàng)。我們建議重新生成所有圖像以避免任何意外行為或損壞的圖像。
有關(guān)更多詳細(xì)信息，請參閱我們關(guān)于如何在WordPress中重新生成特色圖片的文章。
為您的文章內(nèi)容啟用額外的圖像尺寸
即使您在主題中啟用了圖像大小，但使用僅限于您的主題，這沒有任何意義。
無論如何都會生成所有圖像大小，所以為什么不讓文章作者在帖子內(nèi)容中使用它。
您可以通過將以下代碼添加到主題的函數(shù)文件中來完成此操作。
function wpb_custom_image_sizes( $size_names ) {
$new_sizes = array(
'homepage-thumb' => 'Homepage Thumbmail',
'singlepost-thumb' => 'Infographic Single Post'
);
return array_merge( $size_names, $new_sizes );
}
add_filter( 'image_size_names_choose', 'wpb_custom_image_sizes' );
添加代碼后不要忘記保存更改。
您現(xiàn)在可以將圖像上傳到WordPress文章或頁面。在圖像塊設(shè)置中，您將在“圖像大小”選項(xiàng)下看到自定義圖像大小。
您和在您的網(wǎng)站上工作的其他作者現(xiàn)在可以在將圖像添加到帖子和頁面時(shí)選擇這些大小選項(xiàng)。
我們希望本文能幫助您了解如何在WordPress中創(chuàng)建其他圖像大小。您可能還想查看我們關(guān)于WordPress最佳圖像壓縮插件和我們的WordPress性能指南，以提高您的網(wǎng)站速度。
文章標(biāo)題：如何實(shí)現(xiàn)為WordPress創(chuàng)建額外的圖像尺寸
轉(zhuǎn)載來于：http://www.dlmjj.cn/article/cceppos.html
