Shortcodes


Using combination of different shortcodes to generated various user interface elements e.g. tabs, lists etc. you can create totally differently layouts for the text pages. All what is needed is a little bit creativity.

 

Tabs

[tabs tabs=”Education,Jobs,Skills”][tabscontent][tabcontent id=”EducationTab” class=”active”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, eros vel lacinia vestibulum.[/tabcontent][tabcontent id=”JobsTab”]Sed posuere, eros vel lacinia vestibulum, lorem libero ultricies mauris, in suscipit eros augue id metus.[/tabcontent][tabcontent id=”SkillsTab”]Donec nec est tempor urna sagittis facilisis. Curabitur euismod lectus libero.[/tabcontent][/tabscontent]

 

Accordion

[accordion id=”optional-id”]
[accordiontab title=”Tab 1″]Tab 1 content goes here[/accordiontab]
[accordiontab title=”Tab 2″]Tab 2 content goes here[/accordiontab]
[accordiontab title=”Tab 3″]Tab 3 content goes here[/accordiontab]
[accordiontab title=”Tab 4″]Mauris a tempor tellus. Sed feugiat sem ac tellus mollis rhoncus. Nunc ante diam, tincidunt in bibendum id, porttitor ac justo. Sed felis urna, imperdiet ac molestie eu, interdum eget elit. Aenean dui diam, adipiscing nec tincidunt eget, cursus et tortor. Sed sollicitudin gravida dui.[/accordiontab]
[accordiontab title=”Tab 5″]Mauris a tempor tellus. Sed feugiat sem ac tellus mollis rhoncus. Nunc ante diam, tincidunt in bibendum id, porttitor ac justo. Sed felis urna, imperdiet ac molestie eu, interdum eget elit. Aenean dui diam, adipiscing nec tincidunt eget, cursus et tortor. Sed sollicitudin gravida dui.[/accordiontab]
[/accordion]

 

Toggles

[toggle title=”Toggle Title”]Toggle content goes here[/toggle]
[toggle title=”Toggle Title”]Toggle content goes here[/toggle]
[toggle title=”Toggle Title”]Toggle content goes here[/toggle]

 

Lists

[list type=”check”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”pointer”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”square”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”disc”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”circle”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”plus”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]
[list type=”minus”]

  • List Item 1
  • List Item 2
  • List Item 3

[/list]

 

Alerts

[alert]standard alert content goes here[/alert]

[alert type=”notice”]warning alert content goes here[/alert]

[alert type=”success”]success alert content goes here[/alert]

[alert type=”error”]error alert content goes here[/alert]

[alert title=”Standard Alert”]standard alert content goes here[/alert]

[alert type=”notice” title=”Notice Alert”]warning alert content goes here[/alert]

[alert type=”success” title=”Success Alert”]success alert content goes here[/alert]

[alert type=”error” title=”Errror Alert”]error alert content goes here[/alert]

 

Buttons

[button label=”Small Button” link=”http://google.com” size=”small”]   [button label=”Small Button” link=”http://google.com” size=”small” color=”green”]    [button label=”Small Button” link=”http://google.com” size=”small” color=”orange”]
[button label=”Medium Button” link=”http://google.com” size=”medium”]   [button label=”Medium Button” link=”http://google.com” size=”medium” color=”green”]    [button label=”Medium Button” link=”http://google.com” size=”medium” color=”orange”]
[button label=”Large Button” link=”http://google.com” size=”large”]   [button label=”Large Button” link=”http://google.com” size=”large” color=”green”]    [button label=”Large Button” link=”http://google.com” size=”large” color=”orange”]

 

Vimeo Video

 

Youtube Video

 

Google Map

[gmap latitude=”0″ longitude=”0″ width=”100%” height=”400px” maptype=”ROADMAP” zoom=”14″ popup=”true”, popup=”Sydney, Australia”, address=”Sydney, Australia”]

0 reacties

Geef een reactie

Avatar plaatshouder