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

Recent Posts

  1. Redirect single pages of post type in to post type archive page - WordPress
  2. Get details about available image sizes - WordPress
  3. Change shipping and billing address title - WooCommerce
  4. Add phone number to the output of the addresses on the "My Account" page - WooCommerce
  5. Conditional tags for order thank you page - WooCommerce

Your Questions / Comments

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