3

私のサイトのユーザーは、WordPressテーマの基本的なサムネイルのサイズよりも小さい画像をアップロードします。これらのタイプの画像を強制的に垂直または水平に拡大して、空白をなくすにはどうすればよいですか?

wp-admin>settings>media>thumbnail sizeはに設定されてい124px x 156pxます。60px x 190pxウェブサイトのレイアウトを破壊するアップロードされた画像。www.sharehouse.coはテストサイトです。以下のこのコードは、変更する必要があるものです。

<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>
4

1 に答える 1

4

imgしたがって、最初に行う必要があるのは、WordPressが作成するHTMLからハードコードされた幅と高さの属性を取り除くことです。それはあなたがそれらの次元を持っているべきであると考えて、あなたにそれらを使うことを強制します。

取得元:https ://wordpress.stackexchange.com/questions/5568/filter-to-remove-image-dimension-attributes

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 */
}
于 2012-05-23T14:54:36.233 に答える