видалення вбудованих стилів з WP-підпису div


13

Вбудовані атрибути ширини та висоти ніколи не були великою проблемою із зображеннями в WordPress, оскільки їх легко перезаписати CSS.

Проблема, яка виникає у мене, полягає в тому, що будь-які зображення із заголовками загортаються у вкладення ID '(' attachmentnumber ') та клас' wp-caption '. І їм надаються властивості ширини та висоти CSS. Це головний біль в області задника, тому я хотів би видалити вбудовані стилі цього дива, якщо це можливо.


1
Я шукав рішення цього колодязя і виявив, що реалізація Joots Kiens є кращою. інформація про реалізацію з joostkiens.com/improving-wp-caption-shortcode . Джерело в Github: gist.github.com/JoostKiens/4477366
swirv

Відповіді:



4

Ви можете замінити вбудовані стилі таким чином: "важливо":

width: 100px !important;

Якщо ви хочете виправити PHP, подивіться на це: http://troychaplin.ca/2012/06/update-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>';
}

або javascript / JQuery:

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

! Важливо завжди підтримувалося, щоб частину можна редагувати. Якщо ви також можете прийняти рішення PHP і помістити його у свою відповідь? На даний момент, якщо troychaplin.ca знизиться, ця відповідь стає марною
Tom J Nowell
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.