চিত্র এবং ক্যাপশন মাত্রা বৈশিষ্ট্য সরানো


9

এই প্রশ্নটি চিত্র থেকে মাত্রা বৈশিষ্ট্য অপসারণ নিয়ে এই আলোচনা থেকে একটি অফশুট । এই থ্রেডে প্রদত্ত সমাধানের কোডটি খুব ভালভাবে কাজ করে তবে এটির দুর্ভাগ্যজনক পার্শ্ব প্রতিক্রিয়া রয়েছে যা কোনও [caption]শর্টকোডগুলি চিত্র থেকে স্ট্রিপ করে।

কোর কোডের মাধ্যমে কয়েক ঘন্টা খননের পরে, আমি এর কারণটি খুঁজে পেয়েছি। [caption]শর্টকোড এবং imgট্যাগের প্রস্থের বৈশিষ্ট্যগুলির জন্য শর্টকোড চেক যুক্ত করার জন্য দায়ী wpeditimage TinyMCE প্লাগইন । এটি যদি তাদের খুঁজে না পাওয়া যায় তবে এটি কেবল ক্যাপশনটি সরিয়ে দেয়। যেহেতু, এটি টিনিএমসিই সম্পাদকের জাভাস্ক্রিপ্টের সাথে 'উড়ন্ত পথে' করা হয়েছে, তাই আমি কোনও ধরণের ওয়ার্ডপ্রেস ফিল্টার সম্পর্কে ভাবতে পারি না যা এই সমস্যাটির সমাধান করবে। আমি তবে ভুল প্রমাণিত হতে পেরে খুব খুশি হব। :)

চূড়ান্ত নোট হিসাবে, আমার অস্থায়ী সমাধানটি আপত্তিজনক ট্যাগগুলির সমস্ত ক্লায়েন্টের দিকটি ছাঁটাতে নিম্নলিখিত jQuery ব্যবহার করা হয়েছে। এটি, img_caption_shortcodeপ্রস্থের শৈলীতে সেখানে ব্যবহৃত হওয়া রোধ করতে একটি ফিল্টারের সাথে একত্রে কাজটি করে বলে মনে হচ্ছে। এটি সুন্দর নয়, এটি আপাতত ব্যান্ড-সহায়তা। কারও ভাল ধারণা আছে?

// Strip width and height attributes from img, video, and object in the main article so we can have fluid images
var $fluid_items = $('.main-article-wrapper').find('img,video,object');
$fluid_items.removeAttr('width');
$fluid_items.removeAttr('height');

হুমম ... ভিজ্যুয়াল এডিটরটি প্রয়োজনীয় ব্যবহার করতে সক্ষম হচ্ছেন? আপনি যদি কেবল এইচটিএমএল সম্পাদক ব্যবহার করেন তবে img_caption_shortcode- এ একটি ফিল্টার ভাল কাজ করে ...
সোনার অ্যাপ্লস

@ গোল্ডেন্যাপলস, হ্যাঁ, আমি ভিজুয়াল সম্পাদকটি আলগা করতে চাই না কারণ আমি অ-প্রযুক্তিগত লোকেরা সাইটটি সম্পাদনা করতে যাচ্ছি। যদিও পরামর্শ জন্য ধন্যবাদ। অন্য কোন ধারণা?
ডোমিনিক পি

ডোমিনিক, আপনি কি "প্রস্থের শৈলীটি সেখানে ব্যবহার করা রোধ করতে" img_caption_shortcode এ ফিল্টার "কোড সরবরাহ করতে পারেন? এটি ঠিক আমার প্রয়োজন, তবে কীভাবে ফিল্টারটি লিখতে হয় তা আমি জানি না।

@ ওয়েণ্ডি, হুম, আমি কোনও মন্তব্যে পুরো জিনিসটি পেস্ট করতে পারি না। আপনি যদি অন্য কোনও প্রশ্ন জিজ্ঞাসা করতে এবং আমাকে এর একটি লিঙ্ক দিতে চান তবে আমি উত্তর হিসাবে পোস্ট করব।
ডোমিনিক পি

আপনি যদি সেগুলির মধ্য দিয়ে যেতে চান না তবে আমি মূলত কোডেক্স উদাহরণটি পরিবর্তন করেছি ।
ডোমিনিক পি

উত্তর:


18

এটি আপনার সঠিক উত্তর নাও হতে পারে তবে আমি মনে করি আমি খুব ভাল কাজের সন্ধান পেয়েছি।

আইভি''একটি এগারোটি থিম সিএসএস থেকে নীচের কোডটি নিয়েছে (যিনি খুব পরিষ্কার প্রতিক্রিয়াশীল ইমো):

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

সমস্ত চিত্রকে প্রতিক্রিয়াশীল করে তোলা এটাই ছিল (কমপক্ষে যারা সামগ্রী এম্বেড করেছেন ...) এখন আমার কাছে প্রতিক্রিয়াশীল চিত্র রয়েছে তবে ক্যাপশনটি ব্যবহার করার পরেও আমার একই সমস্যা রয়েছে, কারণ ঘটেছে কারণ tinyMCE এতে একটি শৈলী বৈশিষ্ট্য যুক্ত করেছে চিত্রটির প্রস্থ সহ ক্যাপশন ধারক। আমাকে যা করতে হয়েছিল তা স্থির করতে এটি আমার সিএসএসে যুক্ত করুন:

            .wp-caption { max-width: 100%; }

সম্পন্ন! আমার জন্য সূক্ষ্ম কাজ করে, যদিও এটি বৈশিষ্ট্যযুক্ত চিত্রগুলির জন্য কাজ না করে।

আমি আশা করি এটা কারো সাহায্যে লাগবে :-)


এখনও এটিকে পুরোপুরি পরীক্ষা করার মতো সময় আমার হাতে নেই, তবে এটি ইতিমধ্যে অন্যান্য ক্ষেত্রে বেশ কার্যকর প্রমাণিত হয়েছে। সাহায্যের জন্য ধন্যবাদ.
ডোমিনিক পি

আমার আনন্দ :-)
তালবাত্জ

এটি IE9 তে পরীক্ষা করে দেখেছে, উদ্দেশ্য অনুযায়ী কাজ করছে না!
কুলদীপ দাফতরী

পুরানো IE ব্রাউজারগুলির সাথে এই বিরোধগুলি
টশ

সত্যিই দুর্দান্ত সমাধান! thx
emjay
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.