Skip to Content

RAG

RAG

Home / Shortcodes / Image Shortcodes

[clear]
[clear]

Styled Images

[hr]

Create theme styled images using the «styled_image» shortcode and optional settings for image dimensions, link, etc.

[code][styled_image w=»400″ h=»300″ lightbox=»yes» image=»http://mysite.com/myimage.jpg»][/code]

[clear]

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

[styled_image w=»400″ h=»200″ lightbox=»yes» alt=»Styled Image Shortcode Sample» image=»http://para.llel.us/themes/mingle-wp/wp-content/themes/parallelus-mingle/assets/images/placeholder.jpg»]

[clear]
[clear]
[clear]

Plain Image

[hr]

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

[code][plain_image w=»400″ h=»300″ image=»http://mysite.com/myimage.jpg»][/code]

[clear]

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

[plain_image w=»400″ h=»200″ alt=»Plain Image Shortcode Sample» image=»http://para.llel.us/themes/mingle-wp/wp-content/themes/parallelus-mingle/assets/images/placeholder.jpg»]

[clear]
[clear]
[clear]

Resized Image URL

[hr]

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.

[code][resized_image_path w=»400″ h=»300″ image=»http://mysite.com/myimage.jpg»][/code]

[clear]

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

[resized_image_path w="400" h="200" image="http://para.llel.us/themes/mingle-wp/wp-content/themes/parallelus-mingle/assets/images/placeholder.jpg"]

Hopp til verktøylinje