Question

我网站上的用户上传的图像低于我的 WordPress 主题的图像, 基本缩略图尺寸。我如何强制这些类型的图像垂直或水平延伸, 以便没有空白空间?

My wp-admin>settings>media>thumbnail size is set to 124px x 156px. Uploaded images that are 60px x 190px destroy the website layout. www.sharehouse.co is the test site. This code below is what needs to be altered.

<div class="post-left">
    <a href="<?php the_permalink(); ?>" <?php if ((get_option( cp_ad_image_preview ) ==  yes ) && (cp_get_image_url_raw($post->ID,  large , 1) == true)) { ?>class="preview" rel="<?php echo cp_get_image_url_raw($post->ID,  large , 1); ?>" <?php } ?>><?php if(get_post_meta($post->ID,  images , true)) cp_single_image_legacy($post->ID, get_option( thumbnail_size_w ), get_option( thumbnail_size_h ),  preview ); else cp_get_image_url_feat($post->ID,  thumbnail ,  preview , 1); ?></a>                
</div>

Answer 1

所以,你首先需要做的是将硬码宽度和高度属性从WordPress 创建的 img HTML 中剥离出来。它决定你应该拥有这些尺寸, 并迫使你使用它们。

取自:

add_filter(  post_thumbnail_html ,  remove_thumbnail_dimensions , 10 );
add_filter(  image_send_to_editor ,  remove_thumbnail_dimensions , 10 );

function remove_thumbnail_dimensions( $html ) {
    $html = preg_replace(  /(width|height)="d*"s/ , "", $html );
    return $html;
}

然后,它只是CSS

.attachment img {
  width: 100%; /* scale to width of container, or whatever you want */
}

友情链接