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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 
Subscribe to RSS
Awesome Nick!!!
GREAT! glad to see these. Is there an easy way to integrate these into an existing theme? I’ve done customizing so i don’t want to replace the entire theme.
If you are using a recent version of the theme, then you can just re-upload the /epanel folder. I would back up your theme files though, just in case.
Hey i see some error in the end of the page of Professional Theme
I fixed it, thanks.
Congratulation for the new Front Page Modification kinda more sexy than the old
It would be great if you can include lists also
I’ll consider adding some in the future.
Wow! This goes way beyond just a theme. Can’t wait to play with the photo sliders and slideshow.
Thank You Nick. Great job.
Woow, that is great! Thank you so much!
Sick ! This is what I’ve been waiting for … I’m gonna use these RIGHT NOW!!
YEAH !
thanks.
Such a awesome job u did !!!!
WOW!!
Beautiful work! Can’t wait to try some out
Great! Stupid question though: how can we upgrade our theme without losing any of our modifications; or, is there a way to just install the shortcodes function? Thanks!
I would also love to know if this is possible.
Great work, guys!!!
This is above and beyond!
Got the same question
As noted in the changelog the only changes according the shortcodes were made in the /epanel/ -folder.
I just uploaded the content of this folder and as for now everything seems to work .. I’m loving it!
Thank you nick for this great improvement!!
Yeah, simply uploaded the /epanel folder should work fine unless you are using an old version of the theme. I would suggest backing up your theme folder just in case it does not work.
yup, worked for me!
I also have same question.
I never knew what short codes were till now. That’s amazing thanks for the update.
wow wordpress!
O.M.G!!!
I have protested this to the most bestest theme designers on TF but no-one has since implemented it. It’s frustrating going back and forward in the theme documentation to grab codes.
Eleganthemes has made history!
Great application but i also have the same stupid question as Tim. How can we upgrade our theme without losing any of our modifications ?
Only the /epanel folder needs to be re-uploaded. This is assuming you are using a recent version of the theme. If the version you are using is very old than uploading the /epanel folder may not work. I would give it a try, but back up your theme folder first.
WOW!!!
Most of it are just what i needed to do… GREAT GREAT GREAT!
One thing to note however… the preview seems to be broken at the bottom because of the multi-column layout.
Can anyone else notice this?
nope, the columns in the demo look fine to me (Safari 5 on Mac)
Firefox on PC…looks messed up
I fixed it. The problem was with my own additional markup and not the shortcodes.
Time to bolster up my Paypal account.
See you inside.
Thanks for this, this looks like the most comprehensive and well thought out implementation of shortcodes in the WP world.
nice work …u have done great job..
Wow, this is amazing. Great work Nick, you are taking WP to higher standards and making it easy for everyone to enjoy it.
Thanks, we try
You always say “we” – who else is there?
Yuriy and Ann who work in the forums also assist in development.
Looks really amazing! Love it!
I tried to install it by downloading the Simplepress theme again. I copied the full theme over the excisitng one, but the shortcode buttons are not appearing yet. Am i doing something wrong?
Cheers,
Robert
Try downloading the theme again. I had some internet issues earlier while uploading the themes.
Simplepress is still missing the shortcodes folder.
Phew! Thought I was going crazy! yes I had this issue, and it is now resolved … If your in doubt check the contents of the epanel folder; it should have a folder called shortcodes in it.
Thanks ET!
must not be available for the SimplePress theme yet. I’ve tried updating just the epanel folder. I’ve also tried deleting the whole theme, downloading the theme again, and uploading that. nada.
btw, great work Nick. Your site is one of the best WP ones out there. ( :
simplepress is now working. Thanks.
Got it. Thanks!
Shortcodes are still not showing up for me in Simplepress.
I have downloaded the new version of SimplePress and uploaded the shortcodes folder into the epanel folder. I even deactivated and reactivated the theme, but the shortcodes still are not showing up in my page and post editors.
These shortcodes are awesome.
Bravo !
Is it possible to implement a ‘iTunes-Button’? I am linking to iPhone apps regulary so it would Be Great to have a Option to visually highlight this …
May I do this in my own? Would Be great if you could give me a hint ..
The shortcodes look fantastic. I can’t wait to show everyone
UHULLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
having some issues finding the Gallery, Slider short code options…. Any guidance?
If you need help, please open a thread in the support forum and we will assist you.
no worries. figured it out. thanks nick!
Amazing. Thank you, Nick
That is awesome.
Do you know my favorite moment in my life, when i buy your membership. Great idea keep doing
I’ve tried on two samples of your themes and this features is really cool and awsome.
I’ve a one simple question, I try to add a social media button like facebook. I tried to search on “visual page” but can’t found it (unless I switch to “html” page and click [facebook]).so, is there any way to customize it on “visual page”?
This is freaking great!
But now the my cold reality. Will I have to update all my themes to make this all work?
But this is freaking great!
devin
Just saw the instructions. Will give it a try later. Really this is freaking great!
Thanks Nick.
devin
These are great! Thanks Nick!
I’ve tried it… really great!!!
Thanks for this Nick.
This is very awesome Nick!
Thanks a lot!
Ryan
Awesome Nick!
Your framework (as I like to call it meanwhile) is becoming more and more interesting!
Keep up the good work – this is much appreciated!
Awesome! Loving the short codes!
Question: Will you be releasing these separately so we can integrate them into any theme? Is that possible?
Thanks!
I don’t think it will happen but if it did, I will be among those who will use it most frequently
Absolutely incredible ! Fantastic work. Including sliders is way more than I was expecting. Great !
Good work – these short codes are going to come in VERY handy. A easy way to make a good looking theme even better looking! Thanks again.
WOW WOW have been waiting for these, its a perfect solution for me since u made the announcement of shortcodes. I’m TOTALLY psyched! Thanks Nick and the rest of the team. Gonna try them right now!
Most excellent! I really appreciate this. Thanks!
Nick “TheProfessional” has no shortcodes folder, and the support forums are not letting me in to post inside TheProfesional subforum.
Thanx!
I would try downloading it again. The folder is there. epanel/shortcodes
Great Work
Putting it to use in both themes i hv been using. Will review it in detail once i develop a view based on my use.
This one is greatest from ET. Nice.
Great Work Nick,. I have a question though.
So, i uploaded the epanel to my theme.. and i see all the buttons in the editor..
but, when i tried adding images to the slider shortcode, it just shows the slider frame.. image doesn’t appear..
i added the link to the image within the description box.. is that right ?? or should i add the image source else where ??
can you please help me with this ?
If you open a thread in the support forum we will help you out.
Love it! This really comes in handy.
[...] Read more: Shortcodes Collection Added to All Themes- Elegant Themes Blog [...]
I loved your themes before and then I discovered your payment structure to be the best in the industry. Now you added all this functionality with the “shortcodes”, Elegant Themes you guys are truly amazing.
Please please keep up all the good work
Loy
Again some thing unique
AWESOME!!!
Nick, this is fantastic work. You’ve been doing amazing stuff lately… seems like you’re on a roll!
Well done!
Absolutely beautiful! You are really doing a great job.
Is it possible to tweak the Image Slider so the images can link to posts or pages?
Guys, you rock!
The implementatiion blows my wildest dreams and was shure worth the wait. Excitement over our soon to be happening relaunch has just entered a new dimension!
Thank you!
Fantastic job!!!!!!!!!!
A month ago I only worked with Joomla sites, this is history now….
This might be one of the most awesome things you’ve released this year. I can’t wait to integrate some of these features with upcoming posts on my site. Elegant Themes remains the most awesome WordPress theme source IMO
By the way, have you ever considered making a framework theme of sorts, similar to Canvas, Genesis, Thesis, or the like? Something that would be highly customizable, easy to tweak, and more of a base theme (with all of your shortcode and ePanel goodness)? That would be something many of us would like, especially with the new Developer option…
Keep up the awesomeness!
Yes, this would be awesome. <3
It’s a good idea, and something we have been thinking about. Chances are we will release something like this in the future, after more thought has gone into what really makes a framework great.
Sounds good … I’ll be looking forward to it. Thanks … you’re an inspiration to some of us who are students + bloggers using your themes
These shortcodes are so good that all we really need now is a very basic “shell” theme to put them in. The shell would just need some background options, variable width sidebars, and a few navbar options and that’d be it !
+1
This is truly something else and going the extra mile… Wow! I know of no other theme provider offering this much flexibility and possibilities… not to forget, for so little ‘moula’.
Truly awesome Nick ~ Kudos to you and all your team members!
PS. All the best with your studies this year as well. :]
Thanks Serge. One more year to go!
Hello Nick,
This is really awesome !
Just, I don’t succeed to change the column layout. What is the shortcode ? How are you doing it ?
Here’s the documentation: http://www.elegantthemes.com/preview/TheProfessional/?page_id=357
That´s a really awesome step forward for your themes (which are great anyway)! Just uploaded the epanel folder – worked right away! Now my theme has another great feature – it´s really fun to work with it!
I think a basic theme (or something like a framework as described above) would be a great thing for developers!
Fantastic – Your designs and support are great and this just adds a whole new level to using the themes. Definitely well worth the membership fee.
Thanks
I’m using a theme from October 2009, is that considered too old? Will i have to upload a whole new theme folder or can I just upload the ePanel folder like everyone else?
Merci, c’est formidable !
Oh. Wow.
Like. Wow.
*!*
Wow.
Wow! Nick, That is awesome!
We can write fantastic post everytime
Very good job, congratulation!
Wow thats awesome. Always nice to see a designer continue to improve their product. Thanks for this!
One word: Awesome!
Finally got these working, fantastic job!!! One quick question though … where are the content boxes styled from? I’d like to tweak the colors a bit.
There is a shortcodes.css file in the epanel/shortcodes folder.
Thanks for the reply, Nick. I was looking in epanel/css =)
Best $39 dollars I ever spent.
Glad to hear it!
It just doesn’t get better than Elegant Themes!
Oh, this rocks Nick. This makes working with your themes even better. And faster. All of them can help increase conversions.
Love the image slider code. Everything else.. there’s just so many ideas in my head that I can’t choose which shortcode one I want to use first.
WOW, this is GREAT!
Your themes got to a higher level. Brilliant!
A [guest] shortcode would come in handy too. Just to show content (like banners for example) to guests browsing the site.
Could you add it, Nick? Thanks.
My jaw just hit the floor. Thats amazing!
You REALLY rock!! I have used a tons of themes…but NOTHING like yours. I have never ever seen something so professional, and still so “easy” to use!
Thumbs up guys!!!
Best from / iPhoneCafe.dk
WOW. I am speechless. These are incredible. I wasn’t so sure I would be using them, as I prefer to hard code things so that I know what it will look like. These have proven to be extremely useful already!
I was wondering if we can incorporate the “Protected” short code to the eVid theme.
for videos. As the videos are put in with Custom fields I don’t know if that would be possible.
Nick~! this is great~!
I have one quick question…
How to make “The [ tab ] shortcode also acts as an image slider”?
I tried upload image and use TAB shortcode but only box of image slider, can’t show the image what i input.
It would be great if you add accordion-like content wrapper
Wow, nice features!
sounds great, i re-downloaded the LightBright theme, re-uploaded it and i have no short codes functionality/updated WordPress text editor. Did i miss something?
In your Theme’s directory (server’s side) do you see a “shortcodes” directory within the “epanel” one?
No I do not, so how can i get it? I just re-downloaded the theme again LightBright v1.5 and it’s still not there….
Strange ’cause I downloaded it too and it is there.
1. See if it is within your local download file after you unzip it (locally) .
2. If so (which it should) Zip the “LightBright” directory.
3. Upload it directly via your word press.
4. Activate the theme.
Works from my end. try it. ;]
Very sweet addition to the pie, sir)
The shortcodes are very, very awesome indeed.
Elegant themes is starting to become the ultimate website builder, for me. It’s more than just a pretty collection of themes, anyway.
Thanks Nick – this really is an amazing addition to your already cutting edge WP themes! Nice work!
You mentioned above that only the /epanel directory needed to be updated. You didn’t change anything on the functions.php file?
Hi !
Thank you for these new features ! Just a small concern , I’m already using Wp-private (www.wordpress.org/extend/plugins/wp-private) plug-in on my site and it uses the same shortcode [protected] as your “Password Protected Content” shortcode .Hope to still be able to use the plugin, I haven’t installed the new shorcodes yet .
Hi, Shortcodes are great. I am wondering how to put images inside a tooltip? I only see parms caption and text….
That was awesome !! great Job ET team.
!
Will these codes work on sidebar. it will be very effective.
Awesome job. However, in preview all looks well but when published all I get is the shortcode code itself and not the nice boxes?
Help? I must be staring the complete obvious in the face?
[...] WordPress theme announced in a blog post about the integration of WordPress short codes into most of their theme and now you can use all [...]
Strange you post the news where the announcement is being made! Clicks to your web site perhaps?
Hi,
How to use the ‘Social Media’ shortcode you have specified above.
I have uploaded the epanel folder and have the buttons for author bio, tabbed content, buttons, etc etc
But could not figure out where is the option to configure social media shortcode… plz help.
Hello Nick,
This is really awesome! You did a great Job.
Just, I don’t succeed to change the column layout. I see the shortcode such as [one_fourth] Content [/one_fourth] but i do not know where to place the code.
How are you doing it ?
Thanks
Fantastic Value Add… Thank you!
Are there shortcodes to build the Deep Focus portfolio page? I usually just use the default WordPress gallery shortcodes, but I was admiring the Deep Focus theme,am thinking to buy it, and really like the look of the portfolio page. Are there specific shortcodes for the porfolio page (didn’t see any in your shortcodes collection list) or will the WordPress gallery shortcodes work just as well?
OH – MY – GOD
Nick your are making something so amazing here, I can with out doubt say you have the best premium wp themes. Not just for the design…
I cant even express how awesome you are…
Nick, these themes and the extra goodies you’ve included are complete game-changers. You’ve given WordPress an alleged Barry Bonds dose of massive online steroids. KUDOS! For those wondering how he displayed the items using shortcodes, simply view the page source and let the man go back to the genius cave and make more awesome stuff for us!
This is just awesome! Incredible tools!
You guys rock!
Nick… just phenomenal!
Talk about over-delivering on an already fabulous product!
Thank you SO much!
Donna
Hi Nick, Great features thanks for your hard/extra work!
Read all posts here and went to your link above. Can’t get it to work. The tabs are stacked one behind the other and all the text for both appears in same box. Using the ET Tab icon in the editing window, how can I add more than one tab?
———————————–
[tabs slidertype="top tabs" fx="slide" auto="yes"]
[tabcontainer] [tabtext]One[/tabtext] [/tabcontainer]
[tabcontainer] [tabtext]Two[/tabtext] [/tabcontainer]
[tabcontent] [tab]Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque.[/tab] [/tabcontent]
[tabcontent] [tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit.[/tab] [/tabcontent]
[/tabs]
Buttons? Warnings? Cool, what else?
Toggled and tabbed content? Ok, that’s pretty cool.
Gorgeous image sliders, awesome tooltips and password protected content? Well, damn. I love this site.
Hey,
How do I add short code possiblities if I installed the themes long ago? Can I add this easily? You where talking about /epanel before – where do I find the updated /epanel-files for my theme?
Thanks
Hi,
Noticed that the shortcode css and js is output on every page – not just in the WordPress admin area. Are these files required here or would they be best removed when viewing the actual wordpress site by checking whether we are in the admin area using the is_admin() function?
Cheers
Best to ask your question directly into the forum Andy.
Can I only update just the files for shortcodes? For example for OnTheGO theme?
Fantastic!
For some reason when I try to use one of the sliders, it doesn’t show.. I copied the code and pasted it on;
[tabs slidertype=”simple” auto=”yes” fx=”slide” autospeed=”4000“]
[tab] test [/tab]
[tab] test [/tab]
[/tabs]
Dear Nick,
I love the buttons and other shortcode. I like to use the buttons to direct visitors to other pages but also for Links to other pages. Is there a possibility to use them with a “_blank” code?
Tx
This feature is Awesome. Love it
Hi and thanks for another great functionality. Where can I find a shortcode documentation with parameters, arguments etc.?
Thank you for the update. Just found them and will be using them. Great job!
Awesome! I was just trying to create a slider usin the code:
[tabs slidertype=”images” auto=”yes” autospeed=”4000“]
[imagetab width=”800” height=”500“] image.png [/imagetab]
[imagetab width=”800” height=”500“] image.png [/imagetab]
[/tabs]
But with my own images. When I input the “image.jpg” (my own images) into the code, nothing comes up. Any ideas?
Any chance the shortcode artwork (button backgrounds, etc.) could be made available as PSDs? I would love to use the colored buttons but need them to match the corporate palette, and colorizing doesn’t look quite right.
I have problem with Image Slider. The images dont appear! How to configurate this shortCode??? Where is FAQ?
Can we add images inside the tabbed content??
I can’t do so.
Hi, what about add image caption to slider shortcode?
Tab button is not clickable. What do I need to do to get it to work? Uploaded them 2 weeks ago so it should all be good. Add ET Learn and Add ET Box work, but the other buttons are not active. Thoughts?
Please open a thread in the support forum so that we can assist you.
how to use the short code image slider elegant themes ??
i just bought the template, what is the testimonial shortcode?
How can we use the shortcode PROTECTED to evid theme? I was hoping to protect the videos from non-members.
Hi !
I have a question about the theme Deep Focus !
I have a problem on the home page for the “who i am” part !
I can’t use just the excerpt on the home page and the text when you click on “learn more” ! On the home page, all the text is displayed !!
If you can help me with that…
A long text is horrible on the home page and a short text is horrible when you click on “learn more” and it’s a mistake to have the same thing on each side !
I hope that you’ll help me with that !
Cheers !
Nico
Is there a way to include shortcode in a theme file? For instance, I have a site that I would like to insert tabs below the media bar in the Chameleon theme by inserting code in the “home.php” file. Is that possible? Or is there an easier way to do that?
I have a question about the shortcode :
I can see the shortcode on my wordpress like
http://www.ecosway4u.com/a_sample/08/2011-09-03%201.46.59.png
but when I changed it to html mode I cannot see the short code like:
http://www.ecosway4u.com/a_sample/08/2011-09-03%201.47.09.png
so what the problem on this?
thank you!
The best.