Images  //  Shortcodes for theme image creation

Home » Shortcodes » Images

Theme Styled Images

Create theme styled images with overlays and hover effect using “styled_image” shortcode and optional settings for size, link, etc.

[styled_image size="medium" link="#" lightbox="yes"]
	http://mysite.com/uploads/myimage.jpg
[/styled_image]

Parameters

• size: small, medium, blog
• link (link URL)
• lightbox: yes, no
• alt (image description)

Samples

Plain Image

A basic image resized and output to the specified width and height.

[plain_image w="250" h="250" alt="Image Description"]
	http://mysite.com/uploads/myimage.jpg
[/plain_image]

Parameters

• w (width)
• h (height)
• alt (image description)
• q: 1-100 (quality) (optional)
• zc: 0, 1 (0=zoom, 1=crop) (optional)
• resize: yes, no (optional)

Samples

Resized Image URL

Returns the full URL to create a resized image at the size specified. This is useful for inserting a resized image path into other shortcodes or widgets.

[resized_image_path w="250" h="250"]
	http://mysite.com/uploads/myimage.jpg
[/resized_image_path]

Parameters

• w (width)
• h (height)
• q: 1-100 (quality) (optional)
• zc: 0, 1 (0=zoom, 1=crop) (optional)

Samples

http://para.llel.us/themes/unite-wp/wp-content/themes/parallelus-unite/includes/timthumb.php?src=/themes/unite/images/content/demo-only/portfolio/sample10.jpg&w=250&h=250&zc=1