Using Post Image and Thumbnail Options

Applies to Version(s): Thesis 1

Post images are a perfect way to add more visual punch to your site. During the normal stream of content, Thesis Post Images will display full-size, and by default, they’ll be automatically cropped into smaller thumbnail images for use in other areas, like teasers.

The options you use to specify a Thesis Post Image and/or Thumbnail are located on the Edit panel for each Post or Page, under Post Image and Thumbnail.

Post Image

Before adding an image, you should click the +more info link to the right of the words “Post Image”. In the explanatory text there, Thesis will give you information about the maximum width it has determined that you should use for post images, based on the current width of your content column; for example:

Based on the current width of your content column, the maximum width for post images is 480 pixels. Based on your content width and current font size settings, the maximum width for framed post images is 458 pixels.

Keep this information in mind when choosing an image to upload; if you choose an image which is too large, you probably won’t be happy with how it looks on your site.

To add a post image, you first upload it into WordPress using the "Add an Image" button in the "Upload/Insert" toolbar located above the content editing window. After the image has been uploaded, WordPress will display a window containing information about the uploaded image, including its Link URL.

Copy and then paste that Link URL into the Thesis post image URL field (remember to include the http:// portion of the URL).

If you like, you can also add your own alt text for the image in the post image alt text field. You can also elect to override your default Post Image settings for whether or not to include a frame, as well as the horizontal and vertical position of the Post Image.

Thumbnail Image

There are certain areas, such as teasers, where displaying a full-size post image would not work well due to space limitations. In this case, Thesis will automatically crop the post image you've designated into a thumbnail, using either the Default Settings for its dimensions, or your own specific thumbnail dimensions for that particular Post.

Please note that automatic thumbnail generation requires your image to be hosted in the same domain as your site - automatic thumbnail generation based on remotely hosted images is not currently supported.

If you like, you can also add your own alt text for the thumbnail in the thumbnail image alt text field. You can further elect to override your Default Thumbnail Settings for whether or not to include a frame, as well as the horizontal and vertical position of the Post Image.

If you prefer (or, if you are not using a Thesis Post Image but still want to use a thumbnail image on teasers), you can supply your own thumbnail image by entering its URL in the Thesis thumbnail image URL field (remember to include the http:// portion of the URL).

If you do this, the new thumbnail image will not be cropped, so make sure that you size the image appropriately before entering its URL in this field.

Related Resources: