Just another Themes Sites site

Shortcodes

1. Button Varieties

Using our buttons shortcodes, you can easily create a variety of buttons. These buttons all stem from a single tag, but vary in color and size (each of which are adjustable using color=”” and type=”” parameters). Furthermore, advanced option buttons have been integrated into the post page text editor, allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself.

 

2. Content Boxes

Content boxes are a great way to grab your visitor’s eye and direct them to important content within the post. The ElegantThemes shortcode pack comes with five box variations, all of which stem from the [ box ] shortcode and are adjustable using the type=”” parameter. These boxes have a fluid width that automatically adjusts the the size of its parent element. In this example, each box is placed within a [ one_third ] column.

 Warning Box

Warning
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.

Download Box

Download
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.

Info Box

Info
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.

Bio Box

About Me
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.

Normal Box

Normal Box
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat. In placerat rutrum felis.

 

3. Toggled Content

Now you can create toggled content on the fly using the [ lear_more ] shortcode. Any content can be added within the toggled div, and you can even specify whether the element should be open or closed on page load. The toggled content shortcode has a fluid width, meaning it can adapt to any size page (as shown below).

Content Closed

Content Open

Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam. Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris.

4. Tabbed Content

Now you can create tabbed content with the click of a button using the [ tab ] shortcode. This shortocode has two variations (horizontal and vertical tabs) and has options for auto-rotation, rotation speed and transition animation. These tabs have a fluid width, which means that they can adjust to any page size. In this example each tabbed element has been placed within a [ one_half ] column. We have also integrated advanced buttons for the tabs shortcode, allowing you to create your tabs through a graphical interface rather than having to write the shortcode markup yourself.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus.

6. Image Slider

The [ tab ] shortcode also acts as an image slider. This slider can produce an image slideshow of any size. The shortcode will even automatically crop and resize your images to fit the dimensions of the slider that you have chosen. You can also choose to enabled/disable auto rotation, adjust the transition effect, and increase/decrease the rotation speed

7. Column Layouts

Sometimes it can get frustrating trying to organize content via the WordPress text editor. With the column layout shortcodes, however, you can now break down your content into any number of advanced layouts giving variety and hierarchy to your post. Columns can be created in halves, thirds, fourths and two-thirds.

One Half

Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.

One Half

Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.

One Third

Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.

One Third

Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.

One Third

Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.

One Fourth

Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.

One Fourth

Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.

One Fourth

Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.

One Fourth

Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.

12. Custom Icon Lists

We have added a few different list styles that can be applied to any list you make. Simply wrap the list in the [ custom_list ] shortcode and choose your icon type (green check mark, red x or gray dot). The list will then be formatted accordingly.

  • list item 1
  • list item 2
    • list item 1
    • list item 2
  • list item 3
  • list item 4
  • list item 1
  • list item 2
    • list item 1
    • list item 2
  • list item 3
  • list item 4
  • list item 1
  • list item 2
    • list item 1
    • list item 2
  • list item 3
  • list item 4

15. DropCaps

Dropcaps are a simply typographic technique that will spice up and give hierarchy to your post copy. Simply wrap a little at the beginning of your paragraph with the drop cap shortcode and it will become nested within the body content. You can then apply any style that you want to the letter, allowing you to change its size, color and font face.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
    Oorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
    Porem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.

WordPress theme demo plugin by SpotOn Search Engine Optimization.