Friday, September 17, 2010

Shortcodes Collection Added to All Themes

I am very pleased to announce that all of our themes have been updated with a comprehensive collection of shortcodes. We have put a lot of work in to creating what we think is a great set of tools, and I hope that everyone puts them to good use!

Making Shortcodes Even Shorter

We realize that the whole point behind shortcodes is make the creation of advanced HTML elements quick and easy. Therefore, we have done everything we can to make the process even "shorter." To do this we have integrated all of our shortcodes into the WordPress text editor, allowing you to generate the shortcode markup with the click of a button. Advanced buttons have been added to the visual editor as well for the creation of tabs, sliders, toggled content, buttons and more. Instead of typing out the shortcode markup yourself, all you need to do is fill in a few fields and click submit.

Full Shortcodes List

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 post page text editor allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself.
preview

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

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 tell the element to be either open or closed on page load.
preview

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. 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 column. We have also integrated advanced buttons for the tabs shortcode, allowing you to create your tabs through a graphic interface rather than having to write the shortcode markup yourself.
preview

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

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

Easy Tooltips

Easily add tooltips to your blog using the [tooltip] shortcode. These beautiful jQuery tooltips can be added to any element, making it a great way to add additional info to your post without adding clutter.
preview

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

Password Protected 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.
preview

Author Bio

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

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

I know that many of you have been eagerly awaiting these shortcodes, and I am equally eager to hear what you think! To learn more about how to use the shortcodes you can refer to the following Documentation Page.. Of course, you can always just generate the shortcode markup automatically as well using the integrated text editor buttons :)