Wordpress: Add Custom Image Sizes

This snippet enables WordPress themes to define custom image sizes, allowing for more control over media settings and better handling of responsive designs.

Using add_image_size, the snippet defines multiple sizes which are crucial for ensuring that images are properly optimized for various device screens. Each size can be used within templates via the the_post_thumbnail function.

The after_setup_theme hook ensures that the image sizes are registered after the theme has been initialized, thus avoiding conflicts with parent themes or plugins that might also use image sizes.

Parameters like width, height, and crop are utilized to define how these images should be resized and cropped, making sure that the visual integrity of the images is maintained across all devices.

Additionally, the snippet includes advice on how to use these new image sizes within a theme, including how to display them in theme templates and regenerate old images to new sizes.