Question

我正试图在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]  ?>"/>

然而，它会返回完整的图像而不是调整大小的缩略图，如果我将featuredImageCropped更改为大或其他一些基本的缩略图大小，它将按原样返回。

我怎样才能让我的自定义缩略图按照我的要求进行渲染？

Answer 1

根据the Documentation中的add_image_size()：
将其添加到主题的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
}

要在帖子中以新尺寸（在本例中为“拇指小”）显示精选图片，只需添加：

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

如果您的主题不支持精选图片，则需要将其添加到您的functions.php中，在您的设置功能中。

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

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

Regenerate Thumbnails

Answer 2

缩略图尺寸

WordPress的默认图像尺寸为“缩略图”，“中”，“大”和“完整”（您上传的图像的大小）。可以在“设置”＆gt;下的“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

Wordpress自定义缩略图大小

2 个答案: