ডাব্লুপি-ক্যাপশন ডিভ থেকে ইনলাইন শৈলীগুলি সরানো

Question

ইনলাইন প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলি কখনই ওয়ার্ডপ্রেসের চিত্রগুলির সাথে একটি বিশাল সমস্যা ছিল না, কারণ এগুলি সহজেই সিএসএসের সাথে ওভাররাইট করা হয়েছিল।

আমার যে সমস্যা হচ্ছে তা হ'ল ক্যাপশনযুক্ত কোনও চিত্র একটি আইডি 'সংযুক্তি _ (' সংযুক্তি সংখ্যা ') এবং' ডাব্লুপি-ক্যাপশন 'এর একটি শ্রেণিতে আবৃত হচ্ছে এবং সেগুলিকে ইনলাইন সিএসএস প্রস্থ এবং উচ্চতার বৈশিষ্ট্য দেওয়া হয়েছে। এটি বাটে একটি প্রধান ব্যথা, তাই আমি যদি সম্ভব হয় তবে এই ডিভের ইনলাইন স্টাইলগুলি মুছে ফেলতে চাই।

Comments

আমি এটির একটি কূপের সমাধানের সন্ধান করেছি এবং জুটস কুইন্স এর প্রয়োগ আরও ভাল হতে দেখেছি। joostkiens.com/improving-wp-caption-shortcode থেকে বাস্তবায়ন সম্পর্কে তথ্য । গিথুব থেকে

— swirv

Answer 1

পরিষ্কার পিএইচপি-তে ইনলাইন প্রস্থটি সরাতে উত্স কোডে বর্ণিত ফিল্টার দিয়ে কাজ করা যেতে পারে: https://core.trac.wordpress.org/browser/trunk/src/wp-includes/media.php # L1587

একটি শূন্য (বা মিথ্যা) ফিরিয়ে দেওয়া এটি সরিয়ে ফেলবে:

add_filter( 'img_caption_shortcode_width', '__return_false' );

Answer 2

আপনি "! গুরুত্বপূর্ণ" এর মতো ইনলাইন স্টাইলগুলিকে ওভাররাইড করতে পারেন:

width: 100px !important;

আপনি যদি একটি পিএইচপি ফিক্স এই কটাক্ষপাত করা চাইলে: 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>';
}

বা জাভাস্ক্রিপ্ট / জিকুয়েরি:

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

Comments

গুরুত্বপূর্ণটি সর্বদা সমর্থিত হয়েছে, সেই অংশটি সম্পাদনা করা যেতে পারে। আপনি যদি পিএইচপি সমাধান নিতে পারেন এবং এটি আপনার উত্তরে রেখে দিতে পারেন? এই মুহুর্তে যদি ট্রয়চ্যাপলিন.সিএ নেমে যায় তবে এই উত্তরটি অকেজো হয়ে যায়

— টম জে নোয়েল