ওয়ার্ডপ্রেসে (WordPress) ইমেজ বা ছবি সম্পর্কিত কোডিং

সর্বশেষ আপডেট:

ওয়ার্ডপ্রেসে ছবি অপটিমাইজ করার জন্যে অনেক ধরনের বিষয় খেয়াল রাখতে হয়।

ওয়ার্ডপ্রেসে ডিফল্ট ইমেজ সাইজ সমূহ:

ওয়ার্ডপ্রেসে ডিফল্ট হিসেবে নিচের ইমেজ সাইজগুলো সেট করা আছে।

  1. thumbnail (150×150)
  2. medium (300×300)
  3. medium_large (768x auto)
  4. large (1024×1024)
  5. 1536×1536 (1536×1536)
  6. 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' );

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।