Wordpress 自定义缩略图大小答案

【问题标题】：Wordpress custom thumbnail sizeWordpress 自定义缩略图大小
【发布时间】：2014-07-24 03:53:47
【问题描述】：

我正在尝试在 Wordpress 中制作自定义缩略图大小。目前我在functions.php中有以下代码

<?php

add_image_size( 'featuredImageCropped', 310, 150, false );

function custom_excerpt_length( $length ) {
    return 15;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

我正在尝试使用以下代码访问 index.php 中的此缩略图：

<img class="keis-image" src="<?php $kuva = get_field('kuva');$image = wp_get_attachment_image_src( $kuva['id'], "featuredImageCropped"); echo $image[0]  ?>"/>

但是，如果我将 featuresImageCropped 更改为大或其他基本缩略图大小，它将返回完整图像而不是调整大小的缩略图。

如何让我的自定义缩略图按照我的意愿呈现？

【问题讨论】：

这个问题似乎跑题了，因为它是关于 Wordpress 的，可能更适合wordpress.stackexchange.com 网站。
您是在将 add_image_size 函数添加到 functions.php 文件之前还是之后上传这张照片的？如果以前，您将需要像wordpress.org/plugins/regenerate-thumbnails 这样的工具来创建您指定的所有新尺寸的图像。如果 wordpress 找不到与您要查找的缩略图大小完全匹配的大小，它会挑选出它认为最接近您要求的大小。
如果我的回答帮助您解决问题，请告诉我

标签： php wordpress thumbnails

【解决方案1】：

根据add_image_size() in the Documentation:
将此添加到主题的 functions.php 中：

add_action( 'after_setup_theme', 'mytheme_custom_thumbnail_size' );
function mytheme_custom_thumbnail_size(){
    add_image_size( 'thumb-small', 200, 200, true ); // Hard crop to exact dimensions (crops sides or top and bottom)
    add_image_size( 'thumb-medium', 520, 9999 ); // Crop to 520px width, unlimited height
    add_image_size( 'thumb-large', 720, 340 ); // Soft proprtional crop to max 720px width, max 340px height
}

要在帖子中显示具有新尺寸（在本例中为“thumb-small”）的特色图片，只需添加：

<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'thumb-small' ); } ?>

如果您的主题不支持特色图片，您还需要将其添加到您的functions.php 中，在您的设置函数中。

// Enable featured image
add_theme_support( 'post-thumbnails' );

如果您向已上传媒体的网站添加新的缩略图尺寸，则需要重新生成一次缩略图，以便使用此插件显示新尺寸：

Regenerate Thumbnails

【讨论】：

【解决方案2】：

缩略图大小

WordPress 的默认图片大小为“缩略图”、“中”、“大”和“完整”（您上传的图片的大小）。这些图像大小可以在设置 > 媒体下的 WordPress 管理媒体面板中进行配置。这就是您可以使用 the_post_thumbnail() 使用这些默认大小的方法：

the_post_thumbnail();                  // without parameter -> 'post-thumbnail'

the_post_thumbnail( 'thumbnail' );       // Thumbnail (default 150px x 150px max)
the_post_thumbnail( 'medium' );          // Medium resolution (default 300px x 300px max)
the_post_thumbnail( 'large' );           // Large resolution (default 640px x 640px max)
the_post_thumbnail( 'full' );            // Full resolution (original size uploaded)

the_post_thumbnail( array(100, 100) );  // Other resolutions

【讨论】：