Shotcodes

1)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]nbnbvnghgf[/protected]

2)Content boxes

Content boxes are a great way to grab your visitor’s eye and direct them to important content within the post.
[box type=”shadow”]Metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictum[/box]

[box type=”bio”] Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictum[/box]

[box type=”download”] Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumQuisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictum[/box]

[box type=”warning”] Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumQuisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictum[/box]

[box type=”info”] Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumQuisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictum[/box]

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

[learn_more caption=”Quisque id mi. Ut tincidunt” state=”open”]Fusce convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat.[/learn_more]

[learn_more caption=”Neque sit amet convallis ” state=”close”]Fusce convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat.[/learn_more]

4)tabbed content

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

[tabs slidertype=”top tabs”][tabcontainer] [tabtext]Product 1[/tabtext] [tabtext]Product 2 [/tabtext] [tabtext]Product 3[/tabtext] [/tabcontainer] [tabcontent] [tab]Fusce convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisi[/tab] [tab]Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisiFusce convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. [/tab] [tab]Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisiFusce convallis metus id felis luctus adipiscing. [/tab] [/tabcontent] [/tabs]

Left Tabs

[tabs slidertype=”left tabs”][tabcontainer] [tabtext]Products Name 1[/tabtext] [tabtext]Products Name 2[/tabtext] [tabtext]Products Name 3[/tabtext] [tabtext]Products Name 4[/tabtext] [/tabcontainer] [tabcontent] [tab]Metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisi [/tab] [tab]Convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisi [/tab] [tab]Fusce convallis metus id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisi [/tab] [tab]Id felis luctus adipiscing. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Quisque malesuada placerat nisl. Curabitur nisi [/tab] [/tabcontent] [/tabs]

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.

[tabs slidertype=”simple” fx=”slide”] [tab]Vivamus odio nunc, mattis non lobortis quis, semper vitae justo. Etiam venenatis lorem at sem tincidunt fermentum. Pellentesque luctus ipsum sit amet quam consequat id fermentum magna laoreet. Ut eros magna, placerat vehicula tincidunt nec, aliquet laoreet sapien. Nam eu nibh nec magna viverra aliquet non sit amet nulla. Morbi sed tempus nibh. Praesent venenatis vehicula sapien, nec convallis risus consectetur quis. Mauris et lectus turpis, eget aliquam magna. Sed sodales leo non tortor rhoncus consequat. Praesent in turpis eu neque fringilla pharetra. Vestibulum nec vehicula est. Etiam sodales pulvinar feugiat. Vivamus sodales ligula sed odio tincidunt vulputate. Fusce venenatis tempus massa, nec egestas tortor sollicitudin eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/tab] [tab]Praesent venenatis vehicula sapien, nec convallis risus consectetur quis. Sed sodales leo non tortor rhoncus consequat. Praesent in turpis eu neque fringilla pharetra. Vestibulum nec vehicula est. Etiam sodales pulvinar feugiat. Vivamus sodales ligula sed odio tincidunt vulputate. Fusce venenatis tempus massa, nec egestas tortor sollicitudin eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/tab] [tab]Mauris et lectus turpis, eget aliquam magna.Mauris et lectus turpis, eget aliquam magna.Mauris et lectus turpis, eget aliquam magna.Mauris et lectus turpis, eget aliquam magna.Mauris et lectus turpis, eget aliquam magna.Mauris et lectus turpis, eget aliquam magna.[/tab] [/tabs]

6)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!

[tooltip text=”Business phone – 503-296-0077
Business fax – 503-296-0044
Business Address: 5201 SW Westgate Dr #300 Portland, OR 97221
“]Test Tooltip Text[/tooltip]

7) 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 website that build the personal brand of their writers.

[author] [author_image timthumb=’off’]http://www.elegantthemes.com/preview/TheProfessional/wp-content/uploads/2010/09/profile2-57×57.jpg[/author_image] [author_info]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.[/author_info] [/author]

Leave a Reply

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