menghapus gaya sebaris dari wp-caption div

13

Atribut lebar dan tinggi sebaris tidak pernah menjadi masalah besar dengan gambar di WordPress, karena ini mudah ditimpa dengan CSS.

Masalah yang saya alami adalah bahwa setiap gambar dengan teks sedang dibungkus dengan ID 'attachment _ (' attachmentnumber ') dan kelas' wp-caption 'DAN mereka diberi inline CSS width dan height properties. Ini adalah rasa sakit utama di pantat, jadi saya ingin menghapus gaya sebaris div ini jika mungkin.

andy
sumber
1
Saya mencari solusi untuk sumur ini dan menemukan implementasi Joots Kiens lebih baik. info tentang implementasi dari joostkiens.com/improving-wp-caption-shortcode . Sumber di Github: gist.github.com/JoostKiens/4477366
swirv

Jawaban:

4

Anda dapat mengganti gaya sebaris dengan "! Penting" seperti ini:

width: 100px !important;

Jika Anda menginginkan perbaikan PHP, lihat ini: 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>';
}

atau javascript / JQuery:

$(".wp-caption").removeAttr('style');
Kim
sumber
! Penting selalu didukung, bagian itu dapat diedit. Jika Anda juga bisa mengambil solusi PHP dan memasukkannya ke dalam jawaban Anda? Saat ini jika troychaplin.ca turun, jawaban ini menjadi tidak berguna
Tom J Nowell