如何删除特色图像标记中的内联样式?

时间:2013-10-10 作者:bob

当我创建特色图像时,wordpress生成的标记具有内联css。图像的图像标记具有宽度和高度参数。

这很令人沮丧:我想用自己的css控制图像样式。

如何删除内联样式?

4 个回复
SO网友:RachieVee

你是对的,内联CSS总是优先于样式表中的任何CSS,除非你在CSS中添加了!重要的和/或英里长的选择器-这是不好的做法。试着找出另一个有答案的问题,Filter to remove image dimension attributes.

希望有帮助!

SO网友:Brad Dalton

您可以在函数文件中设置特征图像大小:

add_image_size( \'featured-image\', 300, 100, TRUE );
然后,您可以根据自己的样式设置特色图像的样式。css文件。

或者您可以使用CSS超越默认设置。

.wp-post-image { 
 your declarations
 }
更改特色图像的类别以匹配主题。

SO网友:Unnikrishnan R

您可以使用wp\\u get\\u attachment\\u image\\u src,它将使用缩略图ID返回图像url

<img src="<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), \'full\'); echo $image[0];?>" />

SO网友:cjbj

有一个名为post_thumbnail_html 它允许您在返回特征图像之前修改其htmlget_the_post_thumbnail(). 您只需搜索并替换此html字符串即可删除不需要的属性。像这样:

add_filter( \'post_thumbnail_html\', \'wpse117447_remove_atts\' );

function wpse117447_remove_atts ($html) {
    $html = preg_replace (\'/(width|height)="\\d+"\\s/\', "", $html);
    return $html;
}

结束

相关推荐

用于WordPress Customizer API重写的自定义样式表,而不是内联CSS

我已经看过Wordpress定制器API,它看起来能够实现我想要的;允许开发人员留出尽可能多的动态样式,稍后可由Wordpress管理员进行配置。然而,推荐的注入样式的机制并不酷。我在网上和Wordpress上读到的所有指南都建议将它们内联添加到文档的开头。随着此类文档在网络上的普及,我无法找到一个关于如何将这些代码整齐地添加到样式表中的明确指南!可以从PHP样式表中调用get theme mod()吗?抱歉,请容忍我,因为我刚刚接触PHP和Wordpress文档数周。任何建议都很好,我相信有很多开发人员