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