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="#" icon="zoom" lightbox="yes"]
	http://mysite.com/uploads/myimage.jpg
[/styled_image]

Parameters

• size: small, medium, tall, blog
• link (link URL)
• icon: zoom, doc, play
• 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/traject-wp/wp-content/themes/parallelus-traject/includes/timthumb.php?src=/themes/traject-wp/wp-content/themes/parallelus-traject/images/content/placeholder-(593x199).gif&w=250&h=250&zc=1

Button

Insert a standard button.

[button_for_forms]Button Text[/button_for_forms]

Parameters

• type: button, submit (optional)
• title (title attribute) (optional)
• class (class attribute) (optional)
• id (id attribute) (optional)
• name (forms ojbect name attribute) (optional)
• value (forms ojbect value attribute) (optional)
• onclick (javascript onclick functionality) (optional)

Samples

Sample of Standard Button

Button (with link)

Insert a button to act as a link.

[button_with_link url="http://www.mysite.com"]Button Text[/button_with_link]

Parameters

• url (link to follow when clicked)
• target: blank, parent, self, top (optional)
• title (title attribute) (optional)
• class (class attribute) (optional)
• id (id attribute) (optional)
• onclick (javascript onclick functionality) (optional)

Samples

Sample of Link Button

Headline

Add headline text.

[headline h="1"]Your Headline[/headline]

Parameters

• h: 1-6 (optional)

Samples

Headline: h="1"

Headline: h="2"

Headline: h="3"

Headline: h="4"

Headline: h="5"

Headline: h="6"

Sub-Title

Add a sub-title to a headline.

[headline]
	Your Headline
	[sub_title]Your Sub-Title Text[/sub_title]
[/headline]

Samples

My HeadlineMy Sub-Title Text

Callout

Add callout text into a page to highlight and draw attention to content.

[callout]
	My important callout text.
[/callout]

Samples

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Quote

Add a quotation from a user, customer, etc.

[quote cite="Author Name"]
	This is my fantastic quote.
[/quote]

Parameters

• cite (author being quoted) (optional)

Samples

Bulleted Lists

Insert a custom bulleted list with the bullet style of your choice.

[bulleted_list style="check"]
	<ul>
		<li>Your Text</li>
		<li>Your Text</li>
		<li>Your Text</li>
	</ul>
[/bulleted_list]

Parameters

• style:
  • check, quote, black, gray, silver, blue, green, red, disc-black, disc-gray, disc-silver, disc-blue, disc-green, disc-red

Samples

Numbered Lists

Insert a custom number page style ordered list.

[numbered_list]
	<ol>
		<li>Your Item</li>
		<li>Your Item</li>
		<li>Your Item</li>
	</ol>
[/numbered_list]

Samples

FAQ's and Toggle Content (show/hide)

Add content that can be shown and hidden by clicking the title.

[toggle_content title="The Title Text"]
	Your description text to show/hide when title is clicked.
[/toggle_content]

Parameters

• title (title of the item)

Samples

Divider

Add a divider to the page for content separation.

[hr]

Samples

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Divider (small)

Add a divider to the page for content separation.

[hr_small]

Samples

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, metus aliquam pretium tempus, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.

Contact Form

Insert a contact form into any page or post.

[contact_form to="your@email.com" subject="My Subject" thankyou="Thank you."]

Parameters

• to (your email address)
• subject (the subject line)
• thankyou (message shown after sending)

Samples

Contact Form

Name

E-Mail

Phone

Comments

Send

2 Column Layout

Add a 2 column layout to a page or post.

[one_half]
	Your content here...
[/one_half]

[one_half_last]
	Your content here...
[/one_half_last]

Samples

3 Column Layout

Add a 3 column layout to a page or post.

[one_third]
	Your content here...
[/one_third]

[one_third]
	Your content here...
[/one_third]

[one_third_last]
	Your content here...
[/one_third_last]

Samples

4 Column Layout

Add a 4 column layout to a page or post.

[one_fourth]
	Your content here...
[/one_fourth]

[one_fourth]
	Your content here...
[/one_fourth]

[one_fourth]
	Your content here...
[/one_fourth]

[one_fourth_last]
	Your content here...
[/one_fourth_last]

Samples