Question

如果产品上的精选图片为/wp-content/uploads/2014/05/test.jpg，如何在该图片代码上添加CSS，我该如何制作？

例如，如果精选图片为/wp-content/uploads/2014/05/test.jpg，则会出现以下情况：

 <img src="/wp-content/uploads/2014/05/test.jpg" style="width: 100px">

我该怎么做？

Answer 1

对于最简单的情况，您需要编辑要进行此更改的后缩略图代码（显然在循环内）。

if ( has_post_thumbnail() ) {

    $image_link  = wp_get_attachment_image_src( get_post_thumbnail_id() );
    $your_test_image_link = ''; // this is the full url to the test image
    if( $image_link == $your_test_image_link ){
        echo '<img src="'.$image_link.'" style="width:100px">';
    }
    else{
        the_post_thumbnail();
    }
}

如果您希望在任何地方使用此功能，可能需要挂钩wp_get_attachment_image_attributes并将其放在functions.php文件中

add_filter('wp_get_attachment_image_attributes','23825701_custom_wp_get_attachment_image_attributes');

function 23825701_custom_wp_get_attachment_image_attributes($attr, $attachment){

    $image_link  = wp_get_attachment_image_src( $attachment );
    $your_test_image_link = ''; // this is the full url to the test image

    if( $image_link == $your_test_image_link ){
        $attr['style'] = 'width:100px'; // your custom attribute, hence style
        return $attr;
    }
    return $attr;
}

如果产品上的特色图片是[图片网址]，请做一些事情

1 个答案: