Sarathlal N

The basics of WordPress post thumbnail

To dispaly post thumbnails in WordPress, we can use the_post_thumbnail() function.

In default, When we upload image, WordPress re size them in to different width and height & then upload these images in to upload folder. To access them, we want to add there default name as parameter in this the_post_thumbnail() function.

the_post_thumbnail('thumbnail'); // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium'); // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large'); // Large resolution (default 640px x 640px max)
the_post_thumbnail('full'); // Original image resolution (unmodified)

If we still like some other dimensions for our post thumbnail, we can use these dimension as function parameter.

the_post_thumbnail( array(200, 140) ); // 200px width & 140px height

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. REST API Methods Explained with Best Practices for Building Clean and Secure APIs
  2. My 28-Day Plan to Master Modern WordPress Development Using AI Tools
  3. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
  4. WordPress Transients Explained - A Developer's Guide to Site Performance
  5. Behind the Click - The Hidden Journey of Your Web Requests

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.