Define Image Sizes for Tours, Destinations, and Accommodation Posts

[ashleyshaw]

Description

We need to establish consistent image sizes for the Single Post, Featured Image, and Archive Page Thumbnails for Tours, Destinations, and Accommodation posts within the Tour Operator plugin. This will ensure that all images are displayed correctly across different sections of the site, improving visual consistency and performance. Additionally, we should explore the new custom aspect ratio feature in WordPress 6.6 to provide more flexible design control for these images.

Tasks

• Define image size for display on single tour, destination, and accommodation posts.
• Set the featured image size for the banner on individual posts.
• Standardize the image size for thumbnails displayed on archive pages.
• Define the following recommended image sizes in the codebase:
  • Background Images: 1920 x 1080 px
  • Header Banner Images: 1048 x 250 px
  • Thumbnail Images: 150 x 150 px
  • Landscape Featured Images: 1200 x 900 px
  • Portrait Featured Images: 900 x 1200 px
  • Blog Post Images: 1200 x 630 px
  • Hero Images: 2880 x 1500 px
  • Fullscreen Slideshows: 2800 x 1500 px
  • Gallery Images: 1500 px (width should be auto-scaled)
  • Logo Images: 200 x 100 px
• Investigate adding custom aspect ratios using the new feature available in WordPress 6.6 for more flexible design control.
• Register custom aspect ratios in WordPress 6.6 based on the specific image needs for Tours, Destinations, and Accommodation posts.

References

• WordPress Image Size Guide: https://developer.wordpress.org/themes/functionality/media/
• Registering Custom Aspect Ratios in WordPress 6.6: https://make.wordpress.org/core/2023/09/01/custom-image-aspect-ratios/
• Optimal Image Sizes for WordPress: https://themeisle.com/blog/wordpress-image-sizes/

Acceptance Criteria

• Image sizes are defined clearly in the codebase for single posts, featured images, and archive thumbnails.
• Aspect ratio options are registered according to WordPress best practices.