ওয়ার্ডপ্রেসে ছবি অপটিমাইজ করার জন্যে অনেক ধরনের বিষয় খেয়াল রাখতে হয়।
ওয়ার্ডপ্রেসে ডিফল্ট ইমেজ সাইজ সমূহ:
ওয়ার্ডপ্রেসে ডিফল্ট হিসেবে নিচের ইমেজ সাইজগুলো সেট করা আছে।
- thumbnail (150×150)
- medium (300×300)
- medium_large (768x auto)
- large (1024×1024)
- 1536×1536 (1536×1536)
- 2048×2048 (2048×2048)
ওয়ার্ডপ্রেসে ডিফল্ট ইমেজ রিমুভ করা:
ওয়ার্ডপ্রেসে ডিফল্ট ইমেজ সাইজগুলোর যে কোনোটি বাদ দিতে চাইলে আমরা unset ফাংশনটি ব্যবহার করতে পারি।
// Remove WP default image sizes
function disable_image_sizes($sizes){
unset($sizes['thumbnail']);
unset($sizes['medium']);
unset($sizes['medium_large']);
unset($sizes['large']);
unset($sizes['1536x1536']);
unset($sizes['2048x2048']);
return $sizes;
}
add_action( 'intermediate_image_sizes_advanced', 'disable_image_sizes' );ইমেজের নতুন আকার যুক্ত করা:
আমাদের থিমের লেআউট ও প্রয়োজন অনুযায়ী নতুন আকারের ছবির প্রয়োজন হতে পারে। সেক্ষেত্রে add_image_size ফাংশনটি ব্যবহার করতে হবে।
// Add Custom image sizes
function add_image_sizes() {
add_image_size( 'image-360', 360 );
add_image_size( 'image-480', 480 );
add_image_size( 'image-640', 640 );
add_image_size( 'image-768', 768 );
add_image_size( 'image-1024', 1024 );
add_image_size( 'image-1280', 1280 );
}
add_action( 'after_setup_theme', 'add_image_sizes' );এডিট প্যানেলে নতুন ইমেজ যুক্ত করা:
ওয়ার্ডপ্রেসের এডিট প্যানেলে নতুন ইমেজ যুক্ত করা।
// Make custom sizes selectable from WordPress 'edit post' area
function custom_image_names( $sizes_names ) {
unset($sizes_names['thumbnail']);
unset($sizes_names['medium']);
unset($sizes_names['large']);
unset($sizes_names['medium_large']);
$custom_names = array(
'image-360' => __( 'Extra Small 360W', 'slug' ),
'image-480' => __( 'Small 480W', 'slug' ),
'image-640' => __( 'Medium 640W', 'slug' ),
'image-768' => __( 'Medium Large 768W', 'slug' ),
'image-1024' => __( 'Large 1024W', 'slug' ),
'image-1280' => __( 'Extra Large 1280', 'slug' ),
);
return array_merge($custom_names, $sizes_names);
}
add_filter( 'image_size_names_choose', 'custom_image_names' );লেবেল পরিবর্তন করা এবং পুনর্বিন্যস্ত করা।
// Change size label and Make custom sizes selectable
// from WordPress 'edit post' area
function pz21_custom_image_sizes( $sizes_names ) {
$sizes_names = array(
'thumbnail' => __( 'Thumb 360W', 'pz21' ),
'large_thumb' => __( 'Large Thumb 480W', 'pz21' ),
'medium' => __( 'Medium 640W', 'pz21' ),
'medium_large' => __( 'Medium Large 768W', 'pz21' ),
'large' => __( 'Large 1024W', 'pz21' ),
'extra_large' => __( 'Extra Large 1280W', 'pz21' ),
'full' => __( 'Full Size', 'pz21' ),
);
return $sizes_names;
}
add_filter( 'image_size_names_choose', 'pz21_custom_image_sizes' );