Shortcodes

Accordion Panels Activity Streams Blockquotes Buttons Columns Dividers Dropcaps Images Lists Logged In/Out Login Form Notifications Posts Register Form Sidebars Sliders Tabs Text Boxes Toggle Boxes

Blockquotes

[bq_left]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]

Monotonectally extend an expanded array of alignments whereas client-based channels. Synergistically extend optimal technologies whereas B2B communities. Enthusiastically seize enterprise-wide interfaces rather than viral total linkage. Seamlessly drive ubiquitous applications without tactical mindshare. Continually. Collaboratively foster client-centered architectures before fully researched e-tailers. Holisticly envisioneer turnkey supply chains vis-a-vis premium markets. Dynamically brand accurate communities before process-centric customer service. Credibly architect backend portals before cost effective e-tailers. Conveniently brand. Authoritatively matrix top-line e-tailers without team building expertise. Proactively target focused channels and tactical value. Assertively synergize tactical opportunities before compelling portals. Appropriately re-engineer magnetic channels rather than premier e-business. Enthusiastically whiteboard virtual solutions vis-a-vis just in time meta-services. Completely exploit premium testing procedures without state of the art strategic theme areas. Appropriately envisioneer 24/365 services via cross-media communities.

[bq_right]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]

Synergistically extend vertical methodologies and corporate manufactured products. Phosfluorescently synthesize bleeding-edge customer service through market-driven quality vectors. Energistically mesh. Proactively repurpose bricks-and-clicks content via backend technologies. Efficiently benchmark user friendly strategic theme areas after e-business services. Proactively communicate global niche markets for 24/7 sources. Dynamically morph business solutions via global intellectual capital. Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital. Credibly pursue ethical paradigms after leading-edge deliverables. Professionally productivate fully tested solutions vis-a-vis efficient portals. Assertively leverage other’s standards compliant e-tailers through synergistic scenarios. Appropriately scale client-focused vortals via.

[clear]

Options & Code

Example

[[bq_left]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]] 

Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.

[[bq_right]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]]

Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.

Columns

[one]

1

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus.[/one] [clear]

[[one] Text [/one]]

[clear] [two]

1/2

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[/two] [two_last]

1/2

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper.[/two_last] [clear]

[[two] Text [/two]] [[two_last] Text [/two_last]]

[clear] [three type=”separate”]

1/3

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three] [three type=”separate”]

1/3

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three] [three_last type=”separate”]

1/3

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/three_last] [clear]

[[three type="separate"] Text [/three]] [[three type="separate"] Text [/three]] [[three_last type="separate"] Text [/three_last]]

[clear] [four type=”joint”]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four] [four_middle type=”joint”]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_middle] [four_middle type=”joint”]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_middle] [four_last type=”joint”]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/four_last] [clear]

[[four type="joint"] Text [/four]] [[four_middle type="joint"] Text [/four_middle]] [[four_middle type="joint"] Text [/four_middle]] [[four_last type="joint"] Text [/four_last]]

[clear] [five type=”joint”]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five] [five_middle type=”joint”]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle] [five_middle type=”joint”]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle] [five_middle type=”joint”]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_middle] [five_last type=”joint”]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/five_last] [clear]

[[five type="joint"] Text [/five]] [[five_middle type="joint"] Text [/five_middle]] [[five_middle type="joint"] Text [/five_middle]] [[five_middle type="joint"] Text [/five_middle]] [[five_last type="joint"] Text [/five_last]]

[clear] [twothirds]

2/3

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus. [/twothirds] [onethird_last]

1/3

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue.[/onethird_last] [clear]

[[twothirds] Text [/twothirds]] [[onethird_last] Text [/onethird_last]]

[clear] [onefourth]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi.[/onefourth] [threefourths_last]

3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat.[/threefourths_last] [clear]

[[onefourth] Text [/onefourth]] [[threefourths_last] Text [/threefourths_last]]

[clear]

Options & Code

Example

[[two]Insert your text here[/two]] [[two_last]Insert your text here[/two_last]]

Options

Option Values Default Value Required Description
type blank, separate, joint blank The type of column
text_align text-left, text-right, text-center text-left The text alignment in columns
height The height of your columns in px, em or %
padding The column padding in px, em or % (top,right,bottom,left e.g 20,10,20,50)
margins The column margins in px, em or % (top,right,bottom,left e.g 20,10,20,50)
background The background colour and/or image of your column (e.g. background=”#eee” or background=”#000 url(IMAGE URL)”)
border true, false true Choose whether to display a border around joint and separate columns

Sidebars

[sidebar name=”cs-shortcode-sidebar”] [clear]

Options & Code

Example

[[sidebar name="cs-shortcode-sidebar"]]

Options

Option Values Default Value Required Description
name default Yes The ID of your sidebar
width The width of your sidebar
align alignnone alignnone, alignleft, alignright, aligncenter The alignment of your sidebar
text The text displayed if no widgets have been added to the sidebar

Images

[three type=”separate”]
Left Aligned Image
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”200″ align=”alignleft”][/three] [three type=”separate”]
Center Aligned Image
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”200″ align=”aligncenter”][/three] [three_last type=”separate”]
Right Aligned Image
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”200″ align=”alignright”][/three_last] [clear] [four type=”separate” height=”236″]
Preloaded Image
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”150″ preload=”true”][/four] [four type=”separate” height=”236″]
Positioned Image
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”150″ bottom=”0″ right=”0″ mtop=”20″][/four] [four type=”separate” height=”236″]
Image With Border
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” width=”150″ border=”true”][/four] [four_last type=”separate” height=”236″]
Lightbox Video
[image url=”wp-content/uploads/photodune-3382849-mountain3-s1.jpg” lightbox=”video” link=”https://vimeo.com/36006533″ width=”150″][/four_last] [clear]

Options & Code

Example

[[image url="wp-content/uploads/photodune-3382849-mountain3-s1.jpg" width="200" align="alignleft"]]

Options

Option Values Default Value Required Description
url Yes The URL of your image
width The width of your image
crop true, false true Choose whether to resize or crop the image to specified dimensions
height The height of your image
link The link to your image
target _self, _blank Choose whether your link opens in a new window
border true, false true Choose whether to display a border around your image
align alignleft, alignright, aligncenter The alignment of your image
margins The image margins in px, em or % (top,right,bottom,left e.g. 10,20,15,10)
top The top position of your image
bottom The bottom position of your image
left The left position of your image
right The right position of your image
alt The alternate image text
title The link title
lightbox none, image, video none Choose what the lightbox content is
preload true, false false Choose whether your image preloads

[two]

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et leo ut lacus auctor facilisis a vitae diam. Proin viverra congue ultricies. Aliquam elit nunc, rutrum id ultrices et, rutrum a eros. Morbi id sapien ante, at eleifend quam. Quisque ac magna metus. Morbi dictum, enim sed molestie scelerisque, ligula felis ullamcorper ante, in molestie elit ante a enim. Phasellus blandit cursus est at pharetra.
Nullam id massa eu neque pulvinar faucibus. Fusce massa sapien, placerat nec pretium non, gravida ut urna. Duis semper ante sapien. Proin cursus placerat turpis quis tempor. Curabitur at est at nunc sodales vehicula. Curabitur ut porttitor metus. Fusce mi erat, dictum at blandit nec, vehicula sed enim. In suscipit dapibus ipsum nec lacinia. Nam pretium consequat tellus malesuada dapibus. Aliquam vitae justo turpis.
In vel dui consectetur leo rhoncus sollicitudin. Praesent auctor dictum laoreet. Aliquam ultrices lacus id ligula suscipit aliquet vitae at diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque euismod, elit sit amet vestibulum porta, ligula nulla sollicitudin magna, non vestibulum justo quam quis libero.
Pellentesque sed dolor dolor, vel luctus odio. Pellentesque auctor suscipit diam nec suscipit. In consectetur ullamcorper purus, quis pretium ante tincidunt at. Nullam sollicitudin turpis erat, eu dignissim nisi. Mauris ut facilisis enim. Quisque purus augue, commodo vitae malesuada eu, mollis vitae leo. Duis at nisl ut nulla scelerisque semper at eu dui. Etiam viverra consequat blandit. In hac habitasse platea dictumst. Proin feugiat enim non libero commodo et tincidunt dui dictum. Sed tempor iaculis condimentum. Aliquam vel semper odio. Vivamus adipiscing arcu eu enim facilisis nec suscipit nisi vulputate. Cras at est mi, quis sollicitudin massa. Mauris posuere magna at arcu tincidunt eget ultrices sem lobortis. Integer ut lacus lorem, eu interdum augue. Aliquam consequat, risus id euismod cursus, diam lorem tincidunt metus, a varius turpis turpis ac tellus. Suspendisse pulvinar hendrerit leo a egestas. Etiam aliquam adipiscing orci, ut eleifend lorem tincidunt eu.
[clear]

Options & Code

Example

[tabs] [tab title="Title 1"]Insert your text here[/tab] [tab title="Title 2"]Insert your text here[/tab] [tab title="Title 3"]Insert your text here[/tab] [/tabs]

Options

Option Values Default Value Required Description
title Yes The title of your tab
[/two] [two_last]

Accordion Panels

[accordion][panel title=”Vestibulum ante ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Quam suscipit”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Donec ullamcorper ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Nullam mattis urna eu”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][/accordion] [clear]

Options & Code

Example

[[accordion] [panel title="Title 1"]Insert your text here[/panel] [panel title="Title 2"]Insert your text here[/panel] [panel title="Title 3"]Insert your text here[/panel] [/accordion]]

Options

Option Values Default Value Required Description
title Yes The title of your accordion panel
[/two_last]

Buttons

[three] Small Button Medium Button Large Button [/three] [three] Small Button Medium Button Large Button [/three] [three_last] Small Button Medium Button Large Button [/three_last] [clear] [three] Small Button Medium Button Large Button [/three] [three] Small Button Medium Button Large Button [/three] [three_last] Small Button Medium Button Large Button [/three_last] [clear] [three] Small Button Medium Button Large Button [/three] [three] Small Button Medium Button Large Button [/three] [three_last] Small Button Medium Button Large Button [/three_last] [clear] [three] Small Button Medium Button Large Button [/three] [three] Small Button Medium Button Large Button [/three] [three_last] Small Button Medium Button Large Button [/three_last] [clear]

Options & Code

Example

[button link="#" color="darkblue"]Click Here[/button]

Options

Option Values Default Value Required Description
link Yes The link your button goes to
color yellow, darkgrey, blue, darkblue, mediumblue, red, limegreen, teal, brown, orange mediumblue The colour of your button
size small, medium, large medium The size of your button
target _self, _blank _self Choose whether the link opens in a new window

Lists

[three][list] [li type=”fa-caret-right”]List 1[/li] [li type=”fa-caret-right”]List 2[/li] [li type=”fa-caret-right”]List 3[/li] [/list][/three] [three][list] [li type=”fa-check”]List 1[/li] [li type=”fa-check”]List 2[/li] [li type=”fa-check”]List 3[/li] [/list][/three] [three_last][list] [li type=”fa-thumbs-up”]List 1[/li] [li type=”fa-thumbs-up”]List 2[/li] [li type=”fa-thumbs-up”]List 3[/li] [/list][/three_last] [clear]

Options & Code

Example

[[list] [li type="fa-caret-right"]List 1[/li] [li type="fa-caret-right"]List 2[/li] [li type="fa-caret-right"]List 3[/li] [/list]]

Options

Option Values Default Value Required Description
type Use any of the icon names here fa-caret-right The bullet style for list items

Notifications

[notification type=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in. Ut quis lacus vitae sem sodales facilisis. Morbi vel ipsum eget nulla vestibulum pulvinar. Fusce quis orci massa, sit amet hendrerit nibh. ivamus luctus, quam quis dapibus molestie, turpis dui semper lorem, id ultrices turpis enim et sapien. Suspendisse potenti.[/notification] [two] [notification type=”help”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [notification type=”success”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [/two] [two_last] [notification type=”error”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [notification type=”warning”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [/two_last] [clear]

Options & Code

Example

[[notification type="default"]Insert text here[/notification]]

Options

Option Values Default Value Required Description
type default, warning, error, help, success default The type of notification

[two]

Dividers


[divider]

[top_divider] [[top_divider]]

[small_divider] [[small_divider]]

[clear] There’s nothing to see here! This divider breaks up content without any visible divider.
[[clear]]
[/two] [two_last]

Dropcaps

[dropcap_1]D[/dropcap_1]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear] [dropcap_2]D[/dropcap_2]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear] [dropcap_3]D[/dropcap_3]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear] [dropcap_4]D[/dropcap_4]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear] [dropcap_5]D[/dropcap_5]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.

[clear]

Options & Code

Example

[[dropcap_1]I[/dropcap_1]]nsert your text here

Options

Option Values Default Value Required Description
color The dropcap text colour
[/two_last]

[two]

Login Form

[login] [clear]

Options & Code

Example

[[login]]

Options

Option Values Default Value Required Description
username Username Username text label
password Password Password text label
redirect The page URL to redirect to after login
[/two] [two_last]

Register Form

[register] [clear]

Options & Code

Example

[[register]]

Options

Option Values Default Value Required Description
username Username Username text label
email Email Email text label
redirect The page URL to redirect to after registering
[/two_last]

Logged In/Out

[logged_in]Can only see this content when logged in.[/logged_in]

[[logged_in]Can only see this content when logged in.[/logged_in]]

[clear] [logged_out]Can only see this content when logged out.[/logged_out]

[[logged_out]Can only see this content when logged out.[/logged_out]]


Posts

[two][posts image_width=”100″ image_height=”100″ image_wrap=”true” per_page=”3″ pagination=”false” excerpt_length=”100″ meta_author=”false” meta_date=”false” meta_cats=”false” meta_comments=”false”][/two] [two_last][posts image_width=”400″ image_height=”150″ per_page=”1″ excerpt_length=”200″ pagination=”false” meta_comments=”false” image_wrap=”false”][/two_last] [clear][clear] [posts image_width=”250″ image_height=”150″ cols=”3″ per_page=”3″ excerpt_length=”100″ pagination=”false” meta=”false” link=”image” title_size=”18″ image_wrap=”false”] [clear]

Options & Code

Example

[[posts content="post" cats="" ids="" images="true" image_width="200" image_height="150" image_wrap="true" hard_crop="false" cols="1" per_page="5" link="both" orderby="date" order="desc" offset="" content_display="excerpt" excerpt_length="700" title="true" title_size="" title_font="" meta="true" read_more="true" pagination="true" preload="false" spacing="spacing-normal" header=""]]

Options

Option Values Default Value Required Description
content post, page post The post types to display
cats The post category IDs to display
ids The post/page IDs to display
images true, false true Choose whether to display the featured images
image_width 200 The featured image width
image_height 150 The featured image height
image_wrap true, false true Choose whether to wrap text around your featured images
hard_crop true, false false Choose whether to hard crop the images
cols 1 The number of post columns
per_page 5 The number of posts per page
link both, title, image, none both Choose which part of your posts link to your URL
orderby date, title, rand date Choose the order criteria for your posts
order desc, asc desc Choose how to order your posts
offset Choose how any posts to offset by
content_display excerpt, full excerpt Choose whether to display the full content or an excerpt
excerpt_length 700 The number of text characters in your excerpts
title true, false true Choose whether to display your post titles
title_size 26 The size of the title font (px)
title_font The font family of the title font (e.g. title_font=”Helvetica”)
meta true, false true Choose whether to display the post meta data
meta_author true, false true Choose whether to display the post author
meta_date true, false true Choose whether to display the post date
meta_cats true, false true Choose whether to display the post categories
meta_comments true, false true Choose whether to display the post comment number
meta_tags true, false true Choose whether to display the post tags
read_more true, false true Choose whether to display the Read More link
pagination true, false true Choose whether to display page numbers
preload true, false false Choose whether to preload your posts
spacing spacing-normal, spacing-small spacing-normal Choose whether the spacing for posts is normal or small
header The text for your post header

Sliders

[slider width=”1003″ height=”480″ align=”alignleft”] [clear]

Options & Code

Example

[[slider content="slide" cats="" ids="" width="1003" height="480" hard_crop="false" slides="-1" timeout="6" orderby="menu_order" order="asc" buttons="true" shadow="true" content_display="excerpt" excerpt_length="0" title="true" title_length="40" margins="" align="aligncenter" preload="false"]]

Options

Option Values Default Value Required Description
content slide, post slide The post types to display in your slider
cats The IDs of the slider and/or post categories to display
ids The post/page IDs to display
width 1003 The width of your slider
height 480 The height of your slider
hard_crop true, false false Choose whether to hard crop the images
slides -1 The number of slides in your slider (set to -1 to display all slides)
timeout 6 The number of seconds between each slide
orderby menu_order, date, title, rand menu_order Choose what criteria to sort your slides by
order asc, desc asc Choose how to order your slides
buttons true, false true Choose whether to display the navigation buttons
shadow true, false true Choose whether to display a shadow around your slider
content_display excerpt, full excerpt Choose whether to display the full content or an excerpt
excerpt_length 0 The number of text characters in your excerpts
title true, false true Choose whether to display your post titles
title_length 40 The number of text characters in your titles
margins The margins around your slider in px, em or % (top,right,bottom,left e.g. 10,20,15,10)
align alignnone alignnone, alignleft, alignright, aligncenter The alignment of your slider
preload true, false false Choose whether your slider preloads

Text Boxes

[text size=”15″ color=”#999″ text_align=”text-center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.[/text] [clear] [text size=”28″ line_height=”30px” font=”Georgia, Times New Roman” name=”Bob Jones” company=”MyCompany”]Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna.[/text] [clear]

Options & Code

Example

[[text size="38" line_height="30px" font="Georgia, Times New Roman" name="Bob Jones" company="MyCompany"]Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna.[/text]]

Options

Option Values Default Value Required Description
size The font size of your text
width The width of your text box in px, em or %
height The height of your text box in px, em or %
line_height The line height of your text in px, em or %
color The colour of your text
font The font family of your text
margins The margins of your text box in px, em or % (top,right,bottom,left e.g. 10,20,15,30)
text_align text-left, text-center, text-right The alignment of your text
align alignone, alignleft, aligncenter, alignright alignnone The alignment of your text text box
other Add any other styling you want to apply to your text box (e.g. other=”font-weight: bold;”)
name Enter a name for quotes
company Enter a company for quotes

Toggle Boxes

Efficiently evisculate ubiquitous data for client-centered core competencies

Collaboratively grow cost effective benefits before principle-centered catalysts for change. Credibly morph next-generation alignments and progressive schemas. Competently simplify efficient synergy whereas stand-alone web services. Intrinsicly facilitate emerging action items via one-to-one outsourcing. Objectively coordinate diverse alignments and best-of-breed total linkage.

Uniquely foster end-to-end scenarios through

Phosfluorescently incentivize vertical functionalities without market positioning scenarios. Progressively innovate unique methodologies with high-quality alignments. Objectively. Assertively morph competitive architectures whereas real-time markets. Progressively plagiarize high-payoff networks with plug-and-play products. Efficiently fashion bleeding-edge experiences via.
[clear]

Options & Code

Options

Option Values Default Value Required Description
title Yes The title of your toggle box

Activity Streams

[activity header=”Latest Activity” post_form=”enabled” scope=”” per_page=”5″ comments=”threaded” allow_comments=”false” order=”desc” pagination=”true” max=”” user_id=””] [clear]

Options & Code

Example

[[activity header="Latest Activity" per_page="5" comments="threaded" allow_comments="false" order="desc" pagination="true"]]

Options

Option Values Default Value Required Description
header Latest Activity The text for your post header
post_form enabled Choose whether to display the post form
scope just-me, friends, groups, favorites, mentions Pre-defined filtering of the activity stream. Show only activity for the scope you pass (based on the logged in user or a user_id you pass)
per_page 5 The number of posts per page
comments threaded, stream, 0 threaded Choose how comments are displayed in the stream
allow_comments true, false false Choose whether to allow commenting in the activity stream
order desc, asc desc Choose how to order your posts
pagination true, false true Choose whether to display page numbers
max The maximum number of activity items that can be returned
user_id Limit activity items to a specific user ID
زر الذهاب إلى الأعلى