Shortcodes – Display Elements

Shortcodes – Display Elements

50+ [highlight color=”gray”]useful[/highlight] shortcodes make editing content a snap. Select from simple HTML formatting (like highlights, dropcaps, spacings etc.) to complete content plugs (sliders, maps, tabs etc.) To make things easier, we have an advance inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax (or worse, memorizing each and every option of your favorite shortcode).
[break]

Screenshots


[break]

Dropcaps

[one_fourth][dropcap style=”none”]1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at[/dropcap][/one_fourth] [one_fourth][dropcap style=”accent1″]2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at[/dropcap][/one_fourth] [one_fourth][dropcap style=”accent2″]3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at[/dropcap][/one_fourth] [one_fourth_last][dropcap style=”highlight”]4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at[/dropcap][/one_fourth_last]
[break]

Break, Smart-Break & Top

Use simple breaks for creating sections, smart-breaks for stylized breaks and top for going to the top of the page.
[break][smartbreak style=”accent1″][smartbreak style=”accent2″][top]

Highlights – 10 presets + Unlimited Custom Colors

Special notes can be highlighted using the ‘highlight’ shortcode. Use from a pre-existing set of colors ([highlight color=”black”]Black[/highlight], [highlight color=”gray”]Gray[/highlight], [highlight color=”white”]White[/highlight], [highlight color=”blue”]Blue[/highlight], [highlight color=”yellow”]Yellow[/highlight], [highlight color=”red”]Red[/highlight], [highlight color=”orange”]Orange[/highlight], [highlight color=”green”]Green[/highlight], [highlight color=”pink”]Pink[/highlight], [highlight color=”purple”]Purple[/highlight]) or set your [highlight bg_color=”#9c5600″ text_color=”#ffffff”]own custom background color and text color[/highlight] .
[break]

Font Styling

WordPress’s Visual Editor comes with a useful selection of font styling options, but sometimes you just want more without creating new div’s or CSS styles. Use the flexible font shortcode to style your font in a number of ways using the following properties: [highlight color=”white”]color, bold, italics, font-family, font-size, line-height, variant (small-caps), decoration (underline, overline, line-through), transform (uppercase, lowercase, capitalize) and background-color.[/highlight]

[font family=”‘Dosis’, sans-serif” color=”#00591c” style=”bold” size=”18″ lineheight=”18″ transform=”capitalize” decoration=”overline”]lorem ipsum dolor[/font] [font color=”#690012″ size=”24″ lineheight=”28″ decoration=”underline”]lorem ipsum dolor[/font] [font family=”‘Dosis’, sans-serif” color=”#005a66″ style=”bolditalic” size=”36″ lineheight=”48″ variant=”small-caps” decoration=”line-through” transform=”capitalize” bg_color=”#b5d9ff”]lorem ipsum dolor[/font]

[break]

Buttons – 10 presets + Unlimited Custom Colors

Buttons come in 4 sizes – small, medium, large and huge. Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or [font decoration=”underline” color=”#444444″]set your own custom background color and text color[/font] .

[button href=”#” align=”left” color=”purple” size=”small”]Button Text[/button][button href=”#” align=”left” color=”pink” size=”small”]Button Text[/button][button href=”#” align=”left” color=”green” size=”small”]Button Text[/button][button href=”#” align=”left” color=”orange” size=”small”]Button with longggg text[/button]
[clear]
[button href=”#” align=”left” color=”red” size=”medium”]Button Text[/button][button href=”#” align=”left” color=”yellow” size=”medium”]Button Text[/button][button href=”#” align=”left” color=”purple” size=”medium”]Button Text[/button][button href=”#” align=”left” color=”pink” size=”medium”]Button with longggg text[/button]
[clear]
[button href=”#” align=”left” color=”blue” size=”large”]Button Text[/button][button href=”#” align=”left” color=”orange” size=”large”]Button Text[/button][button href=”#” align=”left” color=”green” size=”large”]Button Text[/button][button href=”#” align=”left” color=”yellow” size=”large”]Button with longggg text[/button]
[clear]
[button href=”#” align=”left” color=”black” size=”huge”]A Huge Button[/button][button href=”#” align=”left” color=”gray” size=”huge”]A Huge Button[/button][button href=”#” align=”left” color=”white” size=”huge”]A Huge Button with longggg text[/button]
[clear]
[break]

Social Profiles

Using social shortcode, you can add links to your social profiles anywhere and not just in the header. Select from any of the 31 profile links, or upload your own custom logo.

[social_profile type=”facebook” url=”http://facebook.com/webylabs”] [social_profile type=”twitter” url=”https://twitter.com/Webylabs”] [social_profile type=”youtube” url=”http://youtube.com/webylabs”] [social_profile type=”foursquare” url=”http://foursquare.com”] [social_profile type=”github” url=”http://github.com”] [social_profile type=”instagram” url=”http://instagram.com”] [social_profile type=”pinterest” url=”http://pinterest.com”] [social_profile type=”skype” url=”http://skype.com”] [social_profile type=”soundcloud” url=”http://soundcloud.com”] [social_profile type=”yelp” url=”http://yelp.com”]

[break][scrollpoint pointer=”icon-shortcode”]

Icon – 352 Icons with Unlimited Colors and Custom Sizes

Use the Icon shortcode to insert any of the 350+ font-icons anywhere you want on your site. Use the default formatting, or adapt your icon by specifying your own custom color and size.

[icon icon=”clubs” color=”#01892b”] [icon icon=”home” color=”#960000″ size=”25″] [icon icon=”indent-right” color=”#333333″ size=”29″] [icon icon=”music” color=”#e9920a” size=”37″] [icon icon=”microphone” color=”#72042d” size=”38″] [icon icon=”heart” color=”#cc0a53″ size=”49″] [icon icon=”leaf” color=”#16750c” size=”59″] [icon icon=”attachment” color=”#017189″ size=”59″]

[break]

Simple Box – 10 presets + Unlimited Custom Colors

Simple Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.
[one_half][simple_box color=”white”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half][one_half_last][simple_box color=”blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half_last][one_half][simple_box color=”yellow”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half][one_half_last][simple_box color=”red”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half_last][one_half][simple_box color=”green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half][one_half_last][simple_box color=”purple”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box][/one_half_last]
[break]

Title Box – 10 presets + Unlimited Custom Colors

Title Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.
[one_half][title_box title=”Title Box” color=”white”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box][/one_half][one_half_last][title_box title=”Title Box” color=”gray”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box][/one_half_last][one_half][title_box title=”Title Box” color=”blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box][/one_half][one_half_last][title_box title=”Title Box” color=”black”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box][/one_half_last]
[break]

Alert Box – 9 presets + 352 Custom Icons with Unlimited Colors

Alert Boxes are special boxes which can be used for specific purposes. There are 9 type of preset Alert Boxes available. Or you can create your own type with [highlight color=”gray”]350+ inbuilt icons[/highlight] (with unlimited background and font colors).
[one_third][alert_box type=”arrow”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third][alert_box type=”asterisk”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third_last][alert_box type=”edit”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third_last][one_third][alert_box type=”flag”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third][alert_box type=”info”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third_last][alert_box type=”pencil”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third_last][one_third][alert_box type=”pushpin”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third][alert_box type=”setting”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third][one_third_last][alert_box type=”warning”]Lorem ipsum dolor sit, consectetur adipiscing.[/alert_box][/one_third_last]
[alert_box bg_color=”#c0e0dc” text_color=”#384d4a” icon=”stats-up”]

Custom Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]
[break]

Icon Box – 352 Icons with Unlimited Colors, or Upload Your Own Icon

Icon boxes are small snippets of text which appear with a preceding icon. Select from any of the existing 350+ inbuilt icons, or upload your own. Style these icons using the color and size you want.
[one_third][icon_box icon=”rocket” iconsize=”35″ iconcolor=”#960000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third][one_third][icon_box icon=”microphone” iconsize=”35″ iconcolor=”#017189″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third][one_third_last][icon_box icon=”comments-alt” iconsize=”35″ iconcolor=”#72042d”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third_last]
[one_third][icon_box icon=”basket” iconsize=”35″ iconcolor=”#894701″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third][one_third][icon_box icon=”heart” iconsize=”35″ iconcolor=”#cc0a53″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third][one_third_last][icon_box icon=”signal” iconsize=”35″ iconcolor=”#e9920a”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim[/icon_box][/one_third_last][icon_box icon=”smile” iconsize=”80″ iconcolor=”#c9baa2″]

Custom Icon Size and Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim.[/icon_box][break]

Lists – 352 Icons as List Bullets

[list icon=”double-angle-right”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”code”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”comment-alt”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”ok”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”random”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”remove”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”external-link”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][list icon=”repeat”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.[/list][break]

Toggles and Tabs

Toggle boxes are great for organizing content into neat collapsible units. And they are super easy to implement in your posts as well! Here is a sample of how you can use them for building FAQs.
[togglebox title=”Q. What is the shortcode I use for inserting a Toggle?”] [dropcap]A Inserting toggles is quite simple. And so is the shortcode syntax for it. (not that you’ll ever need to remember it – thanks to the inbuilt Shortcode generator…)[/dropcap][wp_pre][togglebox title=”Some Title”]Toggle Box Content[/ togglebox] [/wp_pre] [/togglebox] [togglebox title=”Q. Can I have other shortcodes within the Toggle?”] [dropcap]A Ofcourse, toggle boxes can contain other shortcodes like this [highlight color=”blue”]highlighted text[/highlight]. Infact, the big ‘A’ on the left is a dropcap shortcode in action.[/dropcap] [/togglebox]
Tab Sets help you break content into different sections. These tabsets are styled based on the theme colors you set in the background. And don’t forget, tabs can contain other shortcodes in them as well. Here is an example of a tabset which uses other shortcodes within it. [tabset]

[tab title=”Tab Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. [list icon=”tags”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.
[/list][highlight color=”blue”]This is another shortcode (highlight) used within the Tabs shortcode.[/highlight]Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/tab]

[tab title=”Another Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt sapien vel urna consectetur, vel interdum tortor aliquet. Praesent posuere quam metus, id lacinia magna porta vel. Donec vitae augue eros. In at massa molestie, varius elit quis, venenatis sapien. In adipiscing faucibus malesuada. Donec fringilla a risus non blandit. Donec euismod nibh eros, eu aliquam justo fringilla nec. Proin vel purus sed quam adipiscing commodo. Donec vel massa sed quam varius porttitor. Aliquam ut consequat nulla. Mauris eget condimentum eros. Cras tincidunt, ante a feugiat fringilla, tortor diam ornare massa, vitae egestas leo sapien et nisl. Donec nec dui vitae ipsum porttitor tincidunt. Mauris dapibus ipsum id dignissim eleifend. Sed tristique massa ac mattis rhoncus. Sed congue sapien elementum nulla sodales, et imperdiet arcu rhoncus. Nunc sagittis porttitor iaculis. Nunc eu eros fringilla, ultrices neque hendrerit, vehicula velit.

Sed nec lacinia est, eget mollis ante. Nunc bibendum enim lorem, et venenatis lectus semper id. Nulla elementum nibh felis. In condimentum, tellus a suscipit dapibus, arcu sem ultrices massa, et sodales ipsum nibh at dui. In tincidunt urna in eros viverra sagittis. Aliquam iaculis in ante bibendum sodales. Nullam ac faucibus elit. Sed diam tellus, pretium quis nibh ac, tempus tincidunt urna. Sed vel faucibus nunc. Ut commodo vestibulum metus, ut laoreet turpis pellentesque non. Praesent pulvinar sapien urna, at ultrices elit dictum at. Aliquam quam ante, luctus a mollis quis, tempor ut leo. Pellentesque pharetra sem orci, a lacinia nunc fringilla nec. Proin libero ipsum, iaculis ut odio vel, pharetra pulvinar mauris.[/tab]

[tab title=”Title With Icon” icon=”flag-alt”]Donec ut dui elementum, ultricies libero iaculis, porta justo. Pellentesque placerat et dui vitae ultricies. Sed mollis magna vel sapien bibendum fringilla. Vivamus lobortis lobortis arcu, ut volutpat justo tempus eget. Suspendisse eleifend, orci in dapibus tincidunt, sem ligula suscipit velit, nec pulvinar nulla turpis in est. Sed ac quam erat. Quisque lacinia ante sed lorem convallis, in tempus ante molestie.

In hac habitasse platea dictumst. Donec non porttitor tellus, porttitor consectetur arcu. Donec pellentesque vulputate sem, vitae facilisis mi placerat vel. Sed venenatis rutrum tortor. Etiam varius tristique mauris, a cursus sem fringilla pulvinar. Nam interdum lobortis tortor a egestas. Praesent metus augue, eleifend et sapien sed, tempor tristique enim. Aenean in pharetra dolor, at rhoncus turpis. Quisque vel malesuada tortor.[/tab]

[tab title=”Last One”]Sed nec lacinia est, eget mollis ante. Nunc bibendum enim lorem, et venenatis lectus semper id. Nulla elementum nibh felis. In condimentum, tellus a suscipit dapibus, arcu sem ultrices massa, et sodales ipsum nibh at dui. In tincidunt urna in eros viverra sagittis. Aliquam iaculis in ante bibendum sodales. Nullam ac faucibus elit. Sed diam tellus, pretium quis nibh ac, tempus tincidunt urna. Sed vel faucibus nunc. Ut commodo vestibulum metus, ut laoreet turpis pellentesque non. Praesent pulvinar sapien urna, at ultrices elit dictum at. Aliquam quam ante, luctus a mollis quis, tempor ut leo. Pellentesque pharetra sem orci, a lacinia nunc fringilla nec. Proin libero ipsum, iaculis ut odio vel, pharetra pulvinar mauris.[/tab]

[/tabset][tabset style=”vertical”]

[tab title=”Tab Title” icon=”bullhorn”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. [list icon=”tags”]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.
[/list][highlight color=”blue”]This is another shortcode (highlight) used within the Tabs shortcode.[/highlight]Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/tab]

[tab title=”Another Title” icon=”comments”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt sapien vel urna consectetur, vel interdum tortor aliquet. Praesent posuere quam metus, id lacinia magna porta vel. Donec vitae augue eros. In at massa molestie, varius elit quis, venenatis sapien. In adipiscing faucibus malesuada. Donec fringilla a risus non blandit. Donec euismod nibh eros, eu aliquam justo fringilla nec. Proin vel purus sed quam adipiscing commodo. Donec vel massa sed quam varius porttitor. Aliquam ut consequat nulla. Mauris eget condimentum eros. Cras tincidunt, ante a feugiat fringilla, tortor diam ornare massa, vitae egestas leo sapien et nisl. Donec nec dui vitae ipsum porttitor tincidunt. Mauris dapibus ipsum id dignissim eleifend. Sed tristique massa ac mattis rhoncus. Sed congue sapien elementum nulla sodales, et imperdiet arcu rhoncus. Nunc sagittis porttitor iaculis. Nunc eu eros fringilla, ultrices neque hendrerit, vehicula velit.

Sed nec lacinia est, eget mollis ante. Nunc bibendum enim lorem, et venenatis lectus semper id. Nulla elementum nibh felis. In condimentum, tellus a suscipit dapibus, arcu sem ultrices massa, et sodales ipsum nibh at dui. In tincidunt urna in eros viverra sagittis. Aliquam iaculis in ante bibendum sodales. Nullam ac faucibus elit. Sed diam tellus, pretium quis nibh ac, tempus tincidunt urna. Sed vel faucibus nunc. Ut commodo vestibulum metus, ut laoreet turpis pellentesque non. Praesent pulvinar sapien urna, at ultrices elit dictum at. Aliquam quam ante, luctus a mollis quis, tempor ut leo. Pellentesque pharetra sem orci, a lacinia nunc fringilla nec. Proin libero ipsum, iaculis ut odio vel, pharetra pulvinar mauris.[/tab]

[tab title=”This is Third” icon=”diamond”]Donec ut dui elementum, ultricies libero iaculis, porta justo. Pellentesque placerat et dui vitae ultricies. Sed mollis magna vel sapien bibendum fringilla. Vivamus lobortis lobortis arcu, ut volutpat justo tempus eget. Suspendisse eleifend, orci in dapibus tincidunt, sem ligula suscipit velit, nec pulvinar nulla turpis in est. Sed ac quam erat. Quisque lacinia ante sed lorem convallis, in tempus ante molestie.

In hac habitasse platea dictumst. Donec non porttitor tellus, porttitor consectetur arcu. Donec pellentesque vulputate sem, vitae facilisis mi placerat vel. Sed venenatis rutrum tortor. Etiam varius tristique mauris, a cursus sem fringilla pulvinar. Nam interdum lobortis tortor a egestas. Praesent metus augue, eleifend et sapien sed, tempor tristique enim. Aenean in pharetra dolor, at rhoncus turpis. Quisque vel malesuada tortor.[/tab]

[tab title=”Yet Another” icon=”folder-open”]Sed nec lacinia est, eget mollis ante. Nunc bibendum enim lorem, et venenatis lectus semper id. Nulla elementum nibh felis. In condimentum, tellus a suscipit dapibus, arcu sem ultrices massa, et sodales ipsum nibh at dui. In tincidunt urna in eros viverra sagittis. Aliquam iaculis in ante bibendum sodales. Nullam ac faucibus elit. Sed diam tellus, pretium quis nibh ac, tempus tincidunt urna. Sed vel faucibus nunc. Ut commodo vestibulum metus, ut laoreet turpis pellentesque non. Praesent pulvinar sapien urna, at ultrices elit dictum at. Aliquam quam ante, luctus a mollis quis, tempor ut leo. Pellentesque pharetra sem orci, a lacinia nunc fringilla nec. Proin libero ipsum, iaculis ut odio vel, pharetra pulvinar mauris.[/tab]

[/tabset][break]

Frames – Left, Right and Center

[frame_left]image-02A Left Frame with image
and some text…[/frame_left] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor faucibus sit amet sed diam. Morbi venenatis malesuada velit, eget ornare tellus bibendum at. Sed leo mi, vulputate non iaculis suscipit, blandit id est. Class aptent taciti sociosqu ad[frame_right]This is text in a right
aligned frame. Lorem
ipsum dolor sit amet,
tempor aliquet purus
eu accumsan enim leo,
consectetur elit.[/frame_right] litora torquent per conubia nostra, per inceptos himenaeos. Proin tempor aliquet purus eu accumsan. Sed aliquet tortor id tortor euismod aliquam. Nam enim leo, sagittis sollicitudin luctus sed, accumsan at augue. Ut nec mattis urna. Vivamus interdum elit nisi, et placerat ligula. Nulla eu lectus vitae odio vulputate luctus fermentum sed libero. Donec quis est nunc, id semper ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor aliquet purus eu accumsan. Sed aliquet tortor id tortor euismod aliquam. Nam enim leo, sagittis sollicitudin luctus sed, accumsan at augue. Ut nec mattis urna. Vivamus interdum elit nisi, et placerat ligula. Sed facilisis mi at felis vulputate at ullamcorper magna vehicula. Curabitur eget purus erat, ut porta mi. Phasellus mollis condimentum facilisis. Maecenas sollicitudin, risus sed rutrum tincidunt, est orci, sed pharetra ligula sapien eu mi. Nulla eu [frame_center]image-01[/frame_center] lectus vitae odio vulputate luctus fermentum sed libero. Donec quis est nunc, id semper ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at ullamcorper magna vehicula. Curabitur eget purus erat, ut porta mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis at ullamcorper magna vehicula. Donec quis est nunc, id semper ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor aliquet purus eu accumsan. Sed aliquet tortor id tortor euismod aliquam. Nam enim leo, sagittis sollicitudin luctus sed, accumsan at augue.

[break]

Default WordPress Tags

Quote Shortcode

[wp_quote]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor faucibus sit amet sed diam. Morbi venenatis malesuada velit, eget ornare tellus bibendum at. Sed leo mi, vulputate non iaculis suscipit, blandit id est. Class aptent taciti sociosqu adThis is text in a right aligned frame. Lorem ipsum dolor sit amet, tempor aliquet purus eu accumsan enim leo, consectetur elit. litora torquent per conubia nostra, per inceptos himenaeos. Proin tempor aliquet purus eu accumsan.[/wp_quote]

Code Shortcode

[wp_code]<?php echo __( ‘Funny Code’, ‘wordpress’ ); ?>[/wp_code]

Pre Shortcode

[wp_pre]<?php echo __( ‘Funny Code’, ‘wordpress’ ); ?>[/wp_pre]

WordPress’s Gallery Shortcode

Deja un comentario