Shortcodes (Part 2)

[infobox]Almost all shortcodes are flexible, you can add css class or style attributes to further customize the design. In fact, you can add any attribute you want and it will be added in the rendered shortcode. For example:

[code]

[button class=’my-button’ style=’background: #abc’]

[/code]

[/infobox]

[col2]

Newsletter


[infobox type=’notice’]This uses MailChimp, and the MailChimp API must be set first in the admin for this to work[/infobox]

[newsletter]

[code][newsletter][/code]

[/col2]

[col2]

Searchbar


[searchbar]

[code][searchbar][/code]

[/col2]

[spacer]

[col2]

Accordion


[accordion]

[panel title=’Panel 1′]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.

[/panel]

[panel title=’Panel 2′]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.

[/panel]

[/accordion]

[code]

[accordion]
 
    [panel title=’Panel 1′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/panel]
 
    [panel title=’Panel 2′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/panel]
 
[/accordion]

[/code]

[/col2]

[col2]

Horizontal Tabs


[tabs opentab=’1′]

[tab title=’Tab 1′]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.

[/tab]

[tab title=’Tab 2′]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.

[/tab]

[/tabs]

[code]

[tabs opentab=’1′]
 
    [tab title=’Tab 1′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/tab]
 
    [tab title=’Tab 2′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/tab]
 
[/tabs]

[/code]

[/col2]

[spacer]

Vertical Tabs


[tabs orientation=’vertical’]

[tab title=’Tab 1′]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat. Morbi lacinia lectus eget justo scelerisque in lobortis ligula ultrices. Nullam ut diam vel sem euismod aliquam sit amet a nunc. Vivamus tincidunt sagittis arcu, sed pulvinar magna vulputate sit amet. Nam vel enim suscipit leo posuere pretium nec sed enim.

Vestibulum quis lorem sapien. Sed lacinia, urna et tincidunt gravida, odio sem tristique orci, in venenatis purus elit quis risus. Sed nisl ipsum, luctus in scelerisque vel, tincidunt ac turpis. Donec porta ipsum vel diam venenatis mollis sed ut odio. Proin tristique neque vel nulla volutpat aliquam. Maecenas volutpat ipsum in est dictum tempor. Vivamus a erat elit, vel tristique sapien. Curabitur quam nisi, eleifend id fringilla pellentesque, gravida ut ante. Nunc iaculis volutpat turpis, a hendrerit ligula adipiscing sit amet. Pellentesque placerat, ipsum ac mattis interdum, ante mi mollis leo, eget varius nisl sem at nibh. Aenean quis risus sit amet augue consequat ullamcorper.

[/tab]

[tab title=’Tab 2′]

Pellentesque congue commodo vulputate. Mauris ultricies accumsan tincidunt. In nunc orci, pretium eget accumsan eu, ornare sit amet nisl. Maecenas vel est odio, eu iaculis dui. Vestibulum quis congue leo. Vestibulum eu eros ac dolor hendrerit facilisis. Curabitur posuere suscipit tortor at placerat. Mauris quam enim, posuere eu consectetur et, interdum quis magna. Maecenas nec odio tortor, ac placerat dui. Sed risus erat, fringilla eget auctor in, dignissim vitae diam. Sed consequat ante a enim sollicitudin ullamcorper. Suspendisse ullamcorper feugiat rhoncus. Praesent vitae tortor metus, a placerat sapien. Integer convallis, erat in tempus lacinia, risus justo congue felis, vel pharetra nisi quam ut nunc.

Sed tortor diam, malesuada at vulputate id, euismod condimentum massa. Cras sagittis velit eu libero mattis vel congue augue porta. Nam sapien enim, venenatis a dapibus at, faucibus consequat libero. Ut luctus tempus blandit. Suspendisse lorem nisi, lobortis et sollicitudin nec, cursus nec neque. Mauris ac imperdiet metus. Integer mi dolor, accumsan nec porttitor nec, pulvinar vel ipsum. Sed nibh mauris, facilisis sed vehicula nec, consequat sit amet nisi. Nulla sed nunc metus, id molestie velit. Quisque sodales nunc non ipsum pharetra at adipiscing purus consequat. Nulla facilisi. Maecenas nisi sem, venenatis quis porta a, porttitor vel sapien. Pellentesque fermentum luctus interdum. Donec vel velit nec libero aliquet adipiscing. Donec lacus leo, volutpat id sodales vel, pharetra quis turpis. Curabitur euismod purus sit amet purus tempus lacinia.

[/tab]

[/tabs]

[code]

[tabs orientation=’vertical’]
 
    [tab title=’Tab 1′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/tab]
 
    [tab title=’Tab 2′]
 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.
 
    [/tab]
 
[/tabs]

[/code]

[spacer]

[col2]

Lightbox with Image


[lightbox src=’http://www.yolandaortal.com/wp-content/uploads/2013/03/slider4.jpg’ href=’http://www.yolandaortal.com/wp-content/uploads/2013/03/slider4.jpg’]

[code]

[lightbox src=’smallimage.jpg’ href=’bigimage.jpg’]

[/code]

[/col2]

[col2]

Lightbox with Video


[lightbox src=’http://www.yolandaortal.com/wp-content/uploads/2013/03/slider4.jpg’ href=’http://vimeo.com/58022280′]

[code]

[lightbox src=’smallimage.jpg’ href=’http://vimeo.com/58022280′]

[/code]

[/col2]

[spacer]

[col3]

Map (Simple)


[map lat=’37.33169′ lon=’-122.03030′ zoom=’18’ type=’hybrid’]

[infobox]Type can be roadmap, satellite, hybrid, or terrain[/infobox]

[code][map lat=’37.33169′ lon=’-122.03030′ zoom=’18’ type=’hybrid’][/code]

[/col3]

[col3]

Map (with Marker)


[map lat=’37.33169′ lon=’-122.03030′ zoom=’18’ controls=’false’ drawmarker=’true’]Our office[/map]

[code][map lat=’37.33169′ lon=’-122.03030′ zoom=’18’ controls=’false’ drawmarker=’true’]Our office[/map][/code]

[/col3]

[col3]

Streetview


[streetview lat=’37.33169′ lon=’-122.03030′ controls=’true’ heading=’30’ pitch=’0′]

[code][streetview lat=’37.33169′ lon=’-122.03030′ controls=’true’ heading=’30’ pitch=’0′][/code]

[/col3]

Leave a Reply

Your email address will not be published. Required fields are marked *