从wp-caption div中删除内联样式

内联的width和height属性对于WordPress中的图像从来都不是一个大问题，因为它们很容易被CSS覆盖。

我遇到的问题是任何带标题的图像都被包裹在ID'attachment _（'attachmentnumber'）和一类'wp-caption'中，并且它们被赋予内联CSS width和height属性。这是对接的主要痛苦，因此，如果可能的话，我想删除此div的内联样式。

如源代码中所述，可以通过过滤器以干净的PHP方式删除行内宽度：https : //core.trac.wordpress.org/browser/trunk/src/wp-includes/media.php ＃L1587

返回零（或假）将删除它：

add_filter( 'img_caption_shortcode_width', '__return_false' );

您可以使用“！important”覆盖内联样式，如下所示：

width: 100px !important;

如果您想要PHP修复程序，请查看以下内容：http : //troychaplin.ca/2012/06/updated-function-fix-inline-style-that-added-image-caption-wordpress-3-4/

add_shortcode('wp_caption', 'fixed_img_caption_shortcode');
add_shortcode('caption', 'fixed_img_caption_shortcode');
function fixed_img_caption_shortcode($attr, $content = null) {
    if ( ! isset( $attr['caption'] ) ) {
        if ( preg_match( '#((?:<a [^>]+>\s*)?<img [^>]+>(?:\s*</a>)?)(.*)#is', $content, $matches ) ) {
        $content = $matches[1];
        $attr['caption'] = trim( $matches[2] );
        }
    }

    $output = apply_filters('img_caption_shortcode', '', $attr, $content);
    if ( $output != '' )
    return $output;

    extract(shortcode_atts(array(
        'id' => '',
        'align' => 'alignnone',
        'width' => '',
        'caption' => ''
    ), $attr));

    if ( 1 > (int) $width || empty($caption) )
    return $content;

    if ( $id ) $id = 'id="' . esc_attr($id) . '" ';

    return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . $width . 'px">' . do_shortcode( $content ) . '<p>' . $caption . '</p></div>';
}

或javascript / JQuery：

$(".wp-caption").removeAttr('style');