rimuovere gli stili in linea dal div wp-caption

Gli attributi di larghezza e altezza incorporati non sono mai stati un grosso problema con le immagini in WordPress, poiché sono state facilmente sovrascritte con CSS.

Il problema che sto riscontrando è che tutte le immagini con didascalie vengono racchiuse in un ID "allegato _ (" numero allegato ") e in una classe di" sottotitoli wp ". Vengono fornite le proprietà di larghezza e altezza CSS incorporate. Questo è un grande dolore nel culo, quindi mi piacerebbe rimuovere gli stili in linea di questo div, se possibile.

Per rimuovere la larghezza in linea in modo pulito, PHP potrebbe essere fatto con un filtro, come descritto nel codice sorgente: https://core.trac.wordpress.org/browser/trunk/src/wp-includes/media.php # L1587

Restituire uno zero (o falso) lo rimuoverà:

add_filter( 'img_caption_shortcode_width', '__return_false' );

Puoi sovrascrivere gli stili incorporati con "! Important" come questo:

width: 100px !important;

Se vuoi una correzione PHP dai un'occhiata a questo: 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>';
}

o javascript / JQuery:

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