Styled Images
Create theme styled images using the “styled_image” shortcode and optional settings for image dimensions, link, etc.
[styled_image w="400" h="300" lightbox="yes" image="http://mysite.com/myimage.jpg"]Parameters
- w
- (integer) Image width. Set to “0″ for original width.
- h
- (integer) Image height. Set to “0″ for original height.
- image
- (integer/string) ID of the desired media file or URL of the image file.
- align
- (string) (Optional) Image alignment: left, right, center.
- alt
- (string) (Optional) Image description or alternate text.
- link
- (string) (Optional) URL for the image link.
- lightbox
- (string) (Optional) Open link in a lightbox: Yes, No. If opening the full size version of the image being resized the “link” parameter is not needed.
- rel
- (string) (Optional) Text for link’s “rel” tag. Multiple images with the same rel tag will be connected through the lightbox next/previous buttons.
Samples
Plain Image
A basic image resized and output to the specified width and height.
[plain_image w="400" h="300" image="http://mysite.com/myimage.jpg"]Parameters
- w
- (integer) Image width. Set to “0″ for original width.
- h
- (integer) Image height. Set to “0″ for original height.
- image
- (integer/string) ID of the desired media file or URL of the image file.
- align
- (string) (Optional) Image alignment: left, right, center.
- alt
- (string) (Optional) Image description or alternate text.
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="400" h="300" image="http://mysite.com/myimage.jpg"]Parameters
- w
- (integer) Image width. Set to “0″ for original width.
- h
- (integer) Image height. Set to “0″ for original height.
- image
- (integer/string) ID of the desired media file or URL of the image file.
Samples
http://para.llel.us/themes/mingle-wp/wp-content/themes/parallelus-mingle/assets/images/placeholder-400x200.jpg