WordPress Q&As Logo
WordPress Q&As Part of the Q&A Network
Real Questions. Clear Answers.
Ask any question about WordPress here... and get an instant response.
Q&A Logo Q&A Logo

How do I add a custom image size and use it in a theme template?

Asked on Aug 29, 2025

Answer

To add a custom image size in WordPress, you can use the `add_image_size()` function in your theme's `functions.php` file. Once the custom size is registered, you can display it in your theme templates using the `the_post_thumbnail()` function with the custom size name.
<!-- BEGIN COPY / PASTE -->
    // Add this to your theme's functions.php
    add_action('after_setup_theme', 'my_custom_image_sizes');
    function my_custom_image_sizes() {
        add_image_size('custom-size', 800, 600, true); // 800px wide by 600px tall, hard crop mode
    }

    // Use this in your theme template file
    if (has_post_thumbnail()) {
        the_post_thumbnail('custom-size');
    }
    <!-- END COPY / PASTE -->
Additional Comment:
  • Use `add_image_size()` to define custom dimensions and cropping behavior.
  • Ensure `after_setup_theme` is used to hook the image size registration, allowing it to load after the theme is set up.
  • Regenerate thumbnails using a plugin like "Regenerate Thumbnails" if you add new sizes after images are already uploaded.
  • In your template, check for a post thumbnail with `has_post_thumbnail()` before calling `the_post_thumbnail()` to avoid errors.
✅ Answered with WordPress best practices.

← Back to All Questions

Q&A Network
The Q&A Network
WordPress
Ask Questions / Get Answers about WordPress!
Networking
Ask Questions / Get Answers about Networking!
Robotics
Ask Questions / Get Answers about Robotics!
AI Marketing
Ask Questions / Get Answers about AI Marketing!
AI Design
Ask Questions / Get Answers about AI Design!
Film Production
Ask Questions / Get Answers about Film Production!
Monetization
Ask Questions / Get Answers about Ad & Monetization!
AI Ethics
Ask Questions / Get Answers about AI Ethics!
AI Education
Ask Questions / Get Answers about AI Education!
JavaScript
Ask Questions / Get Answers about JavaScript!
AI Video
Ask Questions / Get Answers about AI Video!
AI Audio
Ask Questions / Get Answers about AI Audio!
Performance
Ask Questions / Get Answers about Web Vitals!
VR & AR
Ask Questions / Get Answers about VR & AR!
AI Writing
Ask Questions / Get Answers about AI Writing!
IoT
Ask Questions / Get Answers about IoT!
Chatbots
Ask Questions / Get Answers about Chatbots!
Web Languages
Ask Questions / Get Answers about Web Languages!
Web Hosting
Ask Questions / Get Answers about Hosting!
Graphic Design
Ask Questions / Get Answers about Graphic Design!
Photography
Ask Questions / Get Answers about Photography!
Data Science
Ask Questions / Get Answers about Data Science!
Quantum
Ask Questions / Get Answers about Quantum Computing!
Web Development
Ask Questions / Get Answers about Web Development!
MobileDev
Ask Questions / Get Answers about Mobile Developement!
CSS
Ask Questions / Get Answers about CSS!
Tailwind
Ask Questions / Get Answers about Tailwind!
Bootstrap
Ask Questions / Get Answers about Bootstrap!
Video Editing
Ask Questions / Get Answers about Video Editing!
UI/UX Design
Ask Questions / Get Answers about UI/UX Design!
Creative Writing
Ask Questions / Get Answers about Creative Writing!
Cybersecurity
Ask Questions / Get Answers about Cybersecurity!
SEO
Ask Questions / Get Answers about SEO!
AI Coding
Ask Questions / Get Answers about AI Coding!
HTML
Ask Questions / Get Answers about HTML!
DevOps
Ask Questions / Get Answers about DevOps!
Analytics
Ask Questions / Get Answers about Analytics!
AI Business
Ask Questions / Get Answers about AI Business!
Animation
Ask Questions / Get Answers about Animation!
Cloud Computing
Ask Questions / Get Answers about Cloud Computing!
Security
Ask Questions / Get Answers about Website Security!
AI
Ask Questions / Get Answers about AI!
AI Images
Ask Questions / Get Answers about AI Images!