Add Shortcodes to Your Posts with WooThemes the Easy Way
Thursday, February 3rd, 2011
Would you like to add more features to your blog posts without having to hand code them in HTML? All WordPress themes from WooThemes include shortcodes to make it easier for you to add quotes, buttons, download links and more to your blog posts. The only problem is, you’ll still have to remember all of the codes to add the shortcode features to your posts.
That’s all now changed as WooThemes has now incorporated a great visual shortcode generator into their theme framework. This was first created as a third party WordPress plugin by developer Rico Gundermann, but now it’s been baked into the latest WooFramework. All you’ll have to do is update your theme and you’ll be ready to start adding features from shortcodes in two clicks. Here’s how to do it.
Add Shortcodes the Easy Way
First, make sure your site is running a WooTheme with the latest version of the WooFramework. You can check this from the Update Framework button under your theme settings in your WordPress dashboard. If it’s out of date, click Update and seconds later, you’ll have the latest features.
Now, head over to your post editor to start writing a new post. You’ll notice a new Woo button on the visual editor toolbar. This opens a menu with options for all the different shortcodes you can use to add buttons, icons, multiple columns in your text, quotes, social media buttons, and more. Select the one you want to get started.
A box will now open with the options for that shortcode. Enter any text that will be included, choose your styles, and preview the whole thing on the right. Click Insert when you’re finished, and you’ll be able to see the actually shortcode used along with any modifications. Even if you prefer to simply enter raw code, this is a great way to discover your theme’s shortcode features.
You’ll likely find features you didn’t know your theme had. Below is a preview of the WooThemes tabbed box with a quote inside, all made with shortcodes on my secondary, WooThemes powered site http://maybring.com/.
Want to try out the Shortcode Generator without having a WooTheme installed on your site? Just head over to the WooThemes Playground where you can try out all of the WooThemes features without having to purchase and install a new theme on your site. Here’s more info about the WooThemes Playground: http://techinch.com/2010/10/08/testdrive-woothemes-for-free/
Shortcodes aren’t unique to WooThemes; in fact, most professional WordPress themes include them nowadays. ElegantThemes have actually included shortcode buttons in the post editor for a while now. The only problem is, they end up making the editor too wide for small screens, and there’s no easy way to remove the buttons from the editor. WooTheme’s integration just works better than any other I’ve tried previously, and having everything in a menu makes it very easy to use. Plus, since the original plugin is opensource, hopefully other developers can use it to add great shortcode integration for their themes as well!
Does your favorite WordPress theme include shortcodes, and do you find yourself using them often?