xóa kiểu nội tuyến khỏi div wp-caption

Các thuộc tính chiều rộng và chiều cao nội tuyến chưa bao giờ là vấn đề lớn với hình ảnh trong WordPress, vì chúng dễ bị ghi đè bằng CSS.

Vấn đề tôi gặp phải là bất kỳ hình ảnh nào có chú thích đều được bọc trong tệp đính kèm ID ('tập tin đính kèm') và một lớp 'wp-caption' VÀ chúng được cung cấp các thuộc tính chiều rộng và chiều cao CSS nội tuyến. Đây là một nỗi đau lớn ở mông, vì vậy tôi muốn loại bỏ các kiểu nội tuyến của div này nếu có thể.

Để xóa chiều rộng nội tuyến theo cách PHP sạch có thể được thực hiện bằng bộ lọc, như được mô tả trong mã nguồn: https://core.trac.wordpress.org/browser/trunk/src/wp-includes/media.php # L1587

Trả về số không (hoặc sai) sẽ xóa nó:

add_filter( 'img_caption_shortcode_width', '__return_false' );

Bạn có thể ghi đè các kiểu nội tuyến bằng "! Quan trọng" như thế này:

width: 100px !important;

Nếu bạn muốn sửa lỗi PHP, hãy xem cái này: http://troychaplin.ca/2012/06/updated-feft-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>';
}

hoặc javascript / JQuery:

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