Question

我实现了我的灵活内容字段，我的布局之一包括图像。我需要裁剪它的大小。

我在functions.php中添加了自定义尺寸：

add_action( 'after_setup_theme', 'wpdocs_theme_setup' );
function wpdocs_theme_setup() {
    add_image_size( 'custom-crop', 220, 180, true ); // (cropped)}

我的HTML代码，要在其中调用自定义裁剪尺寸：

if( have_rows('top_informations') ):

    while ( have_rows('top_informations') ) : the_row(); ?>

       <img src="<?php the_sub_field('image')?>">


                                <h2><?php the_sub_field('title_text')?> </h2>


                           <?php endwhile;

                           // echo '</ul>';

                        endif;`

带有的行表示子字段图像。我的自定义字段图片设置为返回URL。

Answer 1

首先将图像字段“返回值”设置为“图像ID”，然后使用以下代码。

<?php $thumb_img=wp_get_attachment_image_src(get_sub_field('image'),'custom-crop'); ?>
<img src="<?php echo $thumb_img[0]; ?>">

如果仍然无法运行，请从add_image_size函数中删除wpdocs_theme_setup，并将其直接添加到“ functions.php”中。

if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails', array('post') ); //add all custom post types which need featured image
    add_image_size( 'custom-crop', 220, 180, true );
}

然后您需要使用我评论中的插件来重新生成缩略图。

如何在没有插件Timber的Content Field转发器中使用自定义字段图像裁剪大小？

1 个答案: