wp-caption div에서 인라인 스타일 제거

CSS로 쉽게 덮어 쓰기 때문에 인라인 너비 및 높이 속성은 WordPress의 이미지에서 큰 문제가되지 않았습니다.

내가 가진 문제는 캡션이있는 이미지가 ID 'attachment _ ('attachmentnumber ') 및'wp-caption '클래스로 래핑되고 인라인 CSS 너비 및 높이 속성이 제공된다는 것입니다. 이것은 엉덩이에 큰 고통이므로 가능한 경우이 div의 인라인 스타일을 제거하고 싶습니다.

https://core.trac.wordpress.org/browser/trunk/src/wp-includes/media.php 소스 코드에 설명 된대로 필터를 사용하여 깨끗한 PHP-way에서 인라인 너비를 제거 할 수 있습니다. # L1587

0을 반환하면 (또는 false) 제거됩니다.

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>';
}

또는 자바 스크립트 / JQuery :

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