removendo estilos embutidos da div wp-caption

13

Os atributos de largura e altura em linha nunca foram um grande problema com imagens no WordPress, pois eram facilmente substituídas por CSS.

O problema que estou tendo é que todas as imagens com legendas estão sendo agrupadas em um ID 'attachment _ (' attachmentnumber ') e uma classe de' wp-caption 'E recebem propriedades de largura e altura CSS embutidas. Essa é uma grande dor de cabeça, então eu gostaria de remover os estilos em linha dessa div, se possível.

andy
fonte
1
Procurei uma solução para isso e achei a implementação do Joots Kiens melhor. informações sobre a implementação em joostkiens.com/improving-wp-caption-shortcode . Fonte no Github: gist.github.com/JoostKiens/4477366
swirv

Respostas:

4

Você pode substituir estilos embutidos por "! Important" assim:

width: 100px !important;

Se você deseja uma correção do PHP, consulte: 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>';
}

ou javascript / JQuery:

$(".wp-caption").removeAttr('style');
Kim
fonte
Sempre importante !, essa parte pode ser editada. Se você também pudesse pegar a solução PHP e colocá-la em sua resposta? No momento em que se troychaplin.ca vai para baixo esta resposta torna-se inútil
Tom J Nowell