images – Thesis Docs https://diythemes.com/thesis/rtfm Documentation, How-tos, and Best Practices for the Thesis WordPress Theme System Thu, 18 Jan 2024 16:59:57 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 Retrieve Post Image or Thumbnail https://diythemes.com/thesis/rtfm/retrieve-post-image-thumbnail/ Wed, 10 Feb 2010 16:07:28 +0000 https://diythemes.com/answers/?p=672 Code snippet to retrieve the post image or thumbnail (renders default output):

// Post Image

$post_image = thesis_post_image_info('image');
echo $post_image['output'];

// Thumbnail

$post_image = thesis_post_image_info('thumb');
echo $post_image['output'];
]]> Using Post Image and Thumbnail Options https://diythemes.com/thesis/rtfm/post-image-thumbnail-options/ Wed, 16 Dec 2009 17:17:57 +0000 https://diythemes.com/answers/?p=652 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.

]]> Default Post Image and Thumbnail Settings https://diythemes.com/thesis/rtfm/default-post-image-thumbnail-settings/ Wed, 16 Dec 2009 15:48:20 +0000 https://diythemes.com/answers/?p=635 This article describes the default settings which are available for Thesis Post Images and Thumbnails (accessible at Design Options > Post Images and Thumbnails). These settings apply to all post images and thumbnails generated by Thesis, but most of them can be overridden on a case-by-case basis in the Post Image and Thumbnail section of the Edit panel for each Post or Page.

Default Post Image Settings ∞

  • Horizontal position
    • Flush left with no text wrap (This option is enabled by default.)
    • Left with text wrap
    • Right with text wrap
    • Centered (no wrap)
  • Vertical position
    • Above headline (This option is enabled by default.)
    • Below headline
    • Before post/page content
  • Add a frame to post images
  • Show images on single entry pages (This option is enabled by default.)
  • Show images on archives pages (This option is enabled by default.)

Default Thumbnail Settings ∞

  • Horizontal position
    • Flush left with no text wrap
    • Left with text wrap (This option is enabled by default.)
    • Right with text wrap
    • Centered (no wrap)
  • Vertical position
    • Above headline
    • Below headline
    • Before post/page content (This option is enabled by default.)

      • Note: If you choose either “Above headline” or “Below headline”, you must also be displaying the post title in your Teasers in order for the thumbnail to be visible. If you choose “Before post/page content”, you must also be displaying the post excerpt in your Teasers in order for the thumbnail to be visible.

  • Add a frame to thumbnail images
  • Default thumbnail width and height
    If you do not supply a thumbnail image on a particular post (in addition to or in place of a post image), the post image that you upload will be auto-cropped to these dimensions and re-saved for use as a thumbnail. The width and height are both set to 66 px by default.
]]>