ডব্লিউপি 4.4। প্রতিক্রিয়াশীল চিত্র ব্রাউজার "ভুল" এক চয়ন করে

Question

আমি আনন্দিত যে ডাব্লুপিপি ৪.৪। অন্তর্নির্মিত প্রতিক্রিয়াশীল চিত্র বৈশিষ্ট্য সহ জাহাজগুলি। তবে আমি এতে খুশি নই।

আমি আমার কিছু কাস্টম চিত্রের আকার সেট আপ করেছি functions.php:

add_image_size ('পোস্ট-থাম্বনেইলস', 600, 600, সত্য);
add_image_size ('সংবাদ-বৃহত', 1024, মিথ্যা);
add_image_size ('নিউজ-ছোট', 500, মিথ্যা);
add_image_size ('3-কল', 500, 375, সত্য);
add_image_size ('প্রেসকটিং', 600, 850, সত্য);
add_image_size ('মাঝারি-বড়', 768, মিথ্যা); // ডিভাইস সমর্থন জন্য সবেমাত্র আজ যোগ করা হয়েছে
add_image_size ('পূর্ণ-বৈশিষ্ট্য-চিত্র', 2000, মিথ্যা);
add_image_size ('গ্যালারী-চিত্র', 800, 600, সত্য);

আমি যেমন অনুমান করেছি, যে চিত্রগুলি ক্রপ করা হয়নি (ক্রপিং সেট করা আছে false) তে যুক্ত করা হয়েছে srcset। কোনও চিত্র হ'ল সামনের অংশে আউটপুট হয় (ভাল পঠনযোগ্যতার জন্য লাইন ব্রেকগুলি যুক্ত করা হয়):

<img প্রস্থ = "2000" উচ্চতা = "1335"
src = "http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg" 
শ্রেণী = "সংযুক্তি-পূর্ণ-বৈশিষ্ট্য-চিত্র-আকার-পূর্ণ-বৈশিষ্ট্য-চিত্র"
Alt = "asdf ও ডিফেন্ডার"
srcset = "
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w " 
আকার = "(সর্বাধিক প্রস্থ: 2000px) 100vw, 2000px">

তবে এখন আমার সমস্যা: আমার স্ক্রিনে, কেবলমাত্র 1024px প্রস্থের সাথে নির্দিষ্ট চিত্রগুলি প্রদর্শিত হবে, যদিও এটির 1600px স্ক্রিন রেজোলিউশন রয়েছে। সুতরাং সমস্ত চিত্র অস্পষ্ট দেখাচ্ছে।

আমি কীভাবে ডাব্লুপি এবং / অথবা আমার ব্রাউজারটির পরিবর্তে 2kpx চিত্রটি ব্যবহার করতে পারি? আমি কি 1280px, 1440px, 1600px, 1968px এর জন্য নতুন চিত্র আকার যুক্ত করতে চাই? বা ডাব্লুপি / ব্রাউজারকে কোনও অস্পষ্ট এবং উপায় খুব ছোট সংস্করণ না দেখিয়ে বৃহত্তর চিত্রটি ব্যবহার করার বলার সহজ উপায় আছে?

Comments

আপনি কি দয়া করে সঠিকভাবে ব্যবহারের চেষ্টা করে দেখতে পারেন add_image_size? আপনি সর্বদা widthযুক্তিটিকে মিথ্যা হিসাবে সেট করেছেন - এটি একটি পূর্ণসংখ্যা (তৃতীয় যুক্তি) হওয়া উচিত।

— ফিশচি

ঠিক আছে, এটি করেছেন এবং 9999 এর উচ্চতা-মান যুক্ত করেছেন thumb থাম্বনেইসগুলির পুনরায় আকার দেওয়া হয়েছে। কোন লাভ হয়নি।

— রব_স্টে

ডিফল্ট max_srcset_image_widthফিল্টার 1600. হয়

— birgire

@ বিবিরগায়ার জেনে রাখা ভাল - তবে এটি তেমন কিছু করে না। আমি কীভাবে এটি পরিবর্তন করব (এখনও কোনও ডকুমেন্টেশন নেই বলে মনে হয়) - এবং কোনও পরিবর্তন কী আমার সমস্যার সমাধান করবে?

— রব_স্টে

Answer 1

ডকুমেন্টেশন সম্পর্কিত মেক ব্লগে এই ব্লগ পোস্টটি রয়েছে:

ওয়ার্ডপ্রেসে প্রতিক্রিয়াশীল চিত্রসমূহ ৪.৪

মন্তব্যে উল্লিখিত 1600px সীমা বাড়ানোর চেষ্টা করুন:

add_filter('max_srcset_image_width', function($max_srcset_image_width, $size_array){
    return 2000;
}, 10, 2);

অবশেষে ইতিমধ্যে উল্লিখিত হিসাবে আপনার নিজের কলগুলি ঠিক করা উচিত add_image_size

add_image_size ('সংবাদ-বৃহত', 1024, মিথ্যা);

করা প্রয়োজন

add_image_size('news-large', 1024, 0, false);

Comments

ধন্যবাদ. আমি উচ্চতা 9999 এ সেট করে রেখেছি - এতে কি কোনও পার্থক্য রয়েছে? আমি এটি চেষ্টা করে দেখুন।

— রব_স্টে

আপনাকে ধন্যবাদ, এটি কাজ করেছে। যদিও এটি মূলত হিসাবে একই উত্তর এই এক এবং আসলে আমি পছন্দ নামে ফাংশন - আমি পুলিশের গৃহীত কারণ আপনার প্রথম ছিল :-)

— rob_st

আমি মনে করি এটি আমার প্রয়োজন উত্তর হতে পারে তবে মূল্য কী $size_arrayহওয়া উচিত তা আমি জানি না ।

— টেলরিয়ান

Answer 2

srcsetআপনি যে ফিল্টার ফাংশনটি যুক্ত করতে পারেন তাতে একটি অতিরিক্ত আকার যুক্ত করে আমি একই সমস্যাটি সমাধান করেছি functions.php:

function filter_max_srcset( $max_width, $size_array ) {
    if ( $size_array[0] === 1800 ) {
        $max_width = 1800;
    }
    return $max_width;
}
add_filter( 'max_srcset_image_width', 'filter_max_srcset', 10, 2 );