wp-caption div öğesinden satır içi stilleri kaldırma


13

Satır içi genişlik ve yükseklik öznitelikleri WordPress'teki görüntülerde hiçbir zaman büyük bir sorun olmadı, çünkü bunların CSS ile kolayca üzerine yazılmıştır.

Sahip olduğum sorun, resim yazıları olan herhangi bir görüntünün bir ID 'eki _ (' ek numarası ') ve bir' wp-altyazı 'sınıfı içine sarılmış olmasıdır ve satır içi CSS genişlik ve yükseklik özellikleri verilir. Bu popodaki büyük bir acıdır, bu yüzden mümkünse bu divin satır içi stillerini kaldırmak istiyorum.


1
Buna iyi bir çözüm aradım ve Joots Kiens'in uygulanmasının daha iyi olduğunu gördüm. uygulama hakkında bilgi için joostkiens.com/improving-wp-caption-shortcode . Github'da
swirv

Yanıtlar:



4

Satır içi stilleri şu şekilde "! İmportant" ile geçersiz kılabilirsiniz:

width: 100px !important;

Bir PHP düzeltmesi istiyorsanız şuna bir göz atın: 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>';
}

veya javascript / JQuery:

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

! önemli her zaman desteklenmiştir, bu bölüm düzenlenebilir. PHP çözümünü alıp cevabınıza da koyabilirseniz? Şu anda troychaplin.ca aşağı inerse bu cevap işe yaramaz hale gelir
Tom J Nowell
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.