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.

LOO

[one_half]

Small Buttons

Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text

[/one_half]

[one_half_last]

Icon Buttons

Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text

[/one_half_last]

[one_half_last]

Big Buttons

Big Button Big Button Big Button Big Button Big Button Big Button

[/one_half_last]

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.

[one_third]

Warning Box

[box type=”warning”]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.[/alert][/one_third]

[one_third]

Download Box

[box type=”download”]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.[/alert][/one_third]

[one_third_last]

Info Box

[box type=”info”]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.[/alert][/one_third_last]

[one_third]

Bio Box

[box type=”bio”]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.[/alert][/one_third]

[one_third_last]

Normal Box

[box type=”shadow”]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, eu lacinia nunc eleifend.[/alert][/one_third_last]

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).

[one_third][learn_more caption=”Content Closed”]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. [/learn_more][/one_third]

[two_third_last][learn_more caption=”Content Open” state=”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.

Learn More

[/learn_more][/two_third_last]

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.

[one_half]

    [/one_half]

    [one_half_last]

      [/one_half_last]

      5. Slideshow

      The [ tab ] shortcode also acts as a versatile javascript slider than can be used in any number of situations. The slider has a fluid width, which means it can fit anywhere you want it to go. In this example, the slider has been allowed to extend the entire width of the page. This slideshow supports an unlimited number of slides as well as auto-rotation. You can also choose which type of transition animation to use.

        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. Easy Tooltips

          Now you can add beautiful tooltips to any element by wrapping it in a [ tooltip ] shortcode. Below are a few examples of how the tooltips could be used when combined with text, images, and even other shortcodes!

          [one_third][tooltip text=”Praesent malesuada, libero id sollicitudin dapibus, odio purus venenatis turpis, eu imperdiet turpis nunc in quam. Nam at ante quam, a accumsan erat. Nulla facilisi. Nulla nec sapien leo. Pellentesque rhoncus risus non elit tristique euismod. Nullam iaculis, neque vel mollis aliquam, leo augue posuere mauris.”]Test Tooltip Text[/tooltip][/one_third]

          8. Social Media

          Allowing your post to be promoted via the various social media networks has never been easier. Now you can add social media buttons to your posts quickly and easily using the various social media shortcodes provided.

          [digg]
          [stumble]
          [facebook]
          [buzz]
          [retweet]
          [twitter name=”elegantthemes”]
          [feedburner name=”elegantthemes”]

          9. Password Protect Your Content

          Using the [ protected ] shortcode, you can password protect any content within your post. When protected, anyone visiting the page that is not logged in to WordPress will receive the login/register prompt. Once logged in, the protected content is revealed.

          [protected]Test[/protected]

          10. Author Info

          Now it’s easy to include an author bio after each of your posts using the author shortcode. This is a great feature for multi-author blogs that build the personal brand of their writers.

          [author] [author_image timthumb=’on’]http://www.elegantthemes.com/preview/TheProfessional/wp-content/uploads/2010/09/profile2.jpg[/author_image] [author_info]

          About The Author

          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus elit, sagittis eleifend placerat in, viverra et nunc. In eu magna ut metus posuere lacinia nec vitae sem. Fusce semper neque vel justo fermentum ornare. Fusce ac arcu urna. Nam id nibh est, eu sodales leo. Pellentesque lobortis, mauris non condimentum luctus, ipsum dolor vehicula nisl, lobortis porttitor est nulla a ante. Praesent a nisi vitae felis varius viverra. Pellentesque volutpat lacus ut justo condimentum nec bibendum nibh vehicula. Nunc lobortis, nunc sit amet sollicitudin convallis, felis arcu fringilla mi, nec rutrum mi urna eget tellus. Nam gravida, nibh at tristique dictum, nibh turpis tincidunt massa, a molestie ligula eros in urna. Donec blandit tempus purus a dictum. Maecenas sed auctor velit. Curabitur felis est, varius et imperdiet in, consequat porta dolor. Nullam diam diam, accumsan non lacinia a, feugiat at purus. Curabitur ornare ante ut enim accumsan a dictum sapien pharetra.[/author_info] [/author]

          11. Column Layouts

          Sometimes it can get frustrating trying to organize content via the WordPress text editor. With the column layout shortocdes, 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]

          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]

          [one_half_last]

          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_last]

          [one_third]

          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]

          [one_third]

          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]

          [one_third_last]

          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_last]

          [one_fourth]

          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]

          [one_fourth]

          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]

          [one_fourth]

          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]

          [one_fourth_last]

          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_last]

          [one_third]

          One Third

          Vestibulum iaculis accumsan rhoncus. Sed a adipiscing magna. Morbi a urna purus. Aenean quis tellus nisl. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in.[/one_third]

          [two_third_last]

          Two Thirds

          Vestibulum iaculis accumsan rhoncus. Sed a adipiscing magna. Morbi a urna purus. Aenean quis tellus nisl. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in.[/two_third_last]

          [one_fourth]

          One Fourth

          Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.[/one_fourth]

          [one_fourth]

          One Fourth

          Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.[/one_fourth]

          [one_half_last]

          One Half

          Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices. Varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.[/one_half_last]