সিলেক্টেবল কাস্টম ইমেজ সাইজ

আজকে আমরা একটি দারুন জিনিস শিখব। আমিও অবশ্য সদ্যই শিখেছি, গতরাতের (২৫ মে, ২০১৮) পূর্বে জানতাম না 😀 সহজ এই বিষয়টি জেনে এবং শিখে বেশ মজা পেয়েছি তাই ভাবলাম লিখে ফেলি। লেখার শিরোনামটা দেখে হয়তো অনেক কঠিন মনে হচ্ছে কিন্তু বিশ্বাস করুন বিষয়টা মোটেও কঠিন নয় ভীষণ সহজ।

আমরা সবাই কাস্টম ইমেজ সাইজ রেজিস্টার করতে পারি, তাইনা? ওয়ার্ডপ্রেস ডিফল্টভাবে ৩-৪ টি ইমেজ সাইজ রেজিস্টার করে রাখে যেগুলি ওয়ার্ডপ্রেস ইন্টারনালি ব্যবহার করে এবং প্রয়োজনে আমরাও ইমেজ সাইজের নাম দিয়ে আমাদের প্রজেক্টে ব্যবহার করতে পারি। কিন্তু বেশিরভাগ সময়ই ৩-৪ সাইজ দিয়ে কাজ চালানো সম্ভব হয়না, তখন আমরা add_image_size() ফাংশনটি দিয়ে কাস্টম ইমেজ সাইজ রেজিস্টার করি।

আমরা যদি ওয়ার্ডপ্রেসের WYSIWYG (What You See Is What You Get) এডিটর থেকে কনটেন্টে ইমেজ যুক্ত করার জন্য Add Media বাটনে ক্লিক করে ইমেজ যুক্ত করতে যাই তখন ওয়ার্ডপ্রেস আমাদের ইমেজের সাইজ সিলেক্ট করার অপশন দেয়। আর এই অপশন লিস্টে ডিফল্টভাবে শুধুমাত্র ডিফল্ট রেজিস্টার করা ইমেজ সাইজগুলিই থাকে। আজকে আমরা যা শিখবো তা হলো এই অপশন লিস্টে আমাদের কাস্টম রেজিস্টার করা ইমেজের সাইজ এনলিস্ট করা বা যুক্ত করা।

ওয়ার্ডপ্রেস মিডিয়া প্যানেল

ইমেজ সাইজ সিলেক্টেবল করা

যেহুতু আমাদের ডিফল্ট সাইজগুলির সাথে আমাদের কাস্টম রেজিস্টার্ড সাইজ যুক্ত করতে হবে। সো ধরেই নেয়া যায় যে এটা একটি ফিল্টার হুক দিয়েই করতে হবে, আর ফিল্টার হুকটি হচ্ছে image_size_names_choose। এই হুকটি শুধুমাত্র ইমেজের সাইজগুলিই প্যারামেটার হিসেবে পাস করে এ্যাসোশিয়েটিভ এ্যারে হিসেবে। কী হিসেবে থাকে ইমেজের সাইজের নাম এবং ভ্যালুতে থাকে একটি হিউম্যান রিডেবল নাম।

ওয়ার্ডপ্রেসের ডিফল্ট টুয়েন্টিসেভনটিন থিমটিতে 'twentyseventeen-thumbnail-avatar' নামে একটি কাস্টম ইমেজ সাইজ আছে আমরা এটিকে সিলেক্টেবল করব। নিচের কোডটি কপি করে টুয়েন্টিসেভনটিন থিমের functions.php তে পেস্ট করুন।

এখন পোস্ট কিংবা পেজের WYSIWYG এডিটর থেকে ইমেজ যুক্ত করার সময় সাইজ ড্রপডাউনটি চেক করুন। দেখুন আমাদের কাস্টম ইমেজ সাইজটি লিস্টে দেখাচ্ছে।

অবশ্যই নিশ্চিত করুন আপনার টুয়েন্টিসেভনটিন থিমটি এক্টিভ অবস্থায় আছে কিনা।

— ধন্যবাদ 🙂

Comments

comments