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. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

This article was published on September 27, 2014

Your Questions / Comments

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