从插图中删除行内宽度

时间：2014-02-28 作者：marcelo2605

我在页面中添加了一个带有标题的图像，需要增加<figure> 宽度但wordpress正在添加一个内联宽度。

[caption id="attachment_44" align="alignnone" width="216"]<a href="image path"><img src="image path" alt="caption" width="216" height="95" class="size-full wp-image-44" /></a> caption [/caption]
因此，DOM如下所示：

<figure id="attachment_43" aria-labelledby="figcaption_attachment_43" class="wp-caption alignnone" style="width: 216px">
   <a href="">
       <img src="http://localhost/bordados/website/wp-content/uploads/2014/02/homeThumb01.jpg" alt="Caption" width="216" height="95" class="size-full wp-image-43">
   </a>
   <figcaption id="figcaption_attachment_43" class="wp-caption-text">Caption.</figcaption>
</figure>
我试图从代码中删除width=“216”，但标题消失了。

如何删除此内联样式？

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

SOLVED

我正在使用根主题。所以我打开清理。php文件并注释/删除此行：

$attributes .= \' style="width: \' . (esc_attr($attr[\'width\']) + 10) . \'px"\';

SO网友:DarrenUK

这可能不是最佳实践，但您可以在样式表中使用

.wp-caption {
                width: 100% !important;
            }
这将替代内嵌样式。

SO网友:Christopher Geary

可以使用过滤器替代宽度。任何falsy值都将从<figure>.

add_filter(\'img_caption_shortcode_width\', \'__return_false\');

SO网友:Amit Kashyap

 $(document).ready(function(){  
    $("figure").removeAttr("style");
});
结束
标签： posts   images   captions   小码农  

相关推荐

Pagination and Related Posts

是否可以对嵌入在single中的以下相关POST代码使用分页。我的主题的php。 <?php // for use in the loop, list 5 post titles related to first tag on current post $tags = wp_get_post_tags($post->ID); if ($tags) { $first_tag = $