以百分比而不是像素为单位设置_POST_THMBAILE_SIZE？

时间：2011-06-27 作者：daysrunaway

我已经创建了一个新的自定义帖子类型，我需要由get_the_post_thumbnail() 函数设置为百分比，而不是像素，因为我使用的是流体网格。理想情况下，我只会设置宽度（为100%）。有没有办法做到这一点？可能使用add_image_size()?

3 个回复
最合适的回答,由SO网友:Reigel 整理而成

have you tried,

if(has_post_thumbnail()) {                    
    $image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),\'full\' );
     echo \'<img src="\' . $image_src[0]  . \'" width="100%"  />\';
}
SO网友:kaiser

无法更改默认宽度和高度输出的单位，但可以通过css覆盖输出：

/* these are the classes that get added per default */
img.wp-post-image
img.attachment-thumbnail
img.attachment-medium
img.attachment-large
img.attachment-full
然后您可以通过以下方式覆盖它body img.attachment-large { width: 50% !important; height: 50% !important; }

SO网友:Vale

我已经解决了这个问题，去掉了WP设置的所有宽度和高度属性：

    //tidy up img tags. We don\'t want inline height and width added by WP.
    //we\'d rather use media queries and fluid img.
        function remove_image_dim_attr($html) {
            $html=preg_replace( \'/width=(["\\\'])(.*?)\\1/\', \'\', $html );
            $html=preg_replace( \'/height=(["\\\'])(.*?)\\1/\', \'\', $html );
            return $html;
        }
        add_filter( \'get_image_tag\',\'remove_image_dim_attr\' );
        add_filter( \'image_send_to_editor\',\'remove_image_dim_attr\' );
        add_filter( \'post_thumbnail_html\',\'remove_image_dim_attr\' );

结束
标签： custom-post-types   images   post-thumbnails   小码农  

相关推荐

Resizing all images

我刚刚更改了博客的主题，由于页面宽度很小，它打破了布局。我之前的大多数图片（附在帖子中）的宽度都在600px左右，现在我需要按450px的比例调整它们的大小。如何一次性调整它们的大小？有这个插件吗？P、 美国：编写CSS规则是一个很好的选择，我已经做到了。但我认为调整图像大小也会减少每个页面的下载开销！