How to add Shortcodes to your existing Templatic themes ?

[hidepost]

Note: If you are using WebHosting theme, then you don’t need to follow this guide. Shortcodes are already included in WebHosting theme. If you are using any other theme, then follow this tutorial.

Templatic offers a new feature called shortcodes whereby you can add different style and layout to your content. This quick tutorial will explain how you can add shortcode functionality to your existing Templatic theme.

1. First click here and download this ZIP file and extract its contents.
2. Place the ‘shortcodes-style.css’ file in the theme’s root directory (basically in the same folder where ‘style.css’ is.)
3. Open ‘style.css’ in a text-editor and add the following code at the top:
   /* Import Shortcodes CSS */
   @import url('shortcodes-style.css');
4. Save the ‘style.css’ file.
5. Now place the shortcodes.php file in /library/functions/ directory (basically in the same folder where custom_functions.php is)
6. Open custom_functions.php in a text-editor and add the following code at the top, just after the ‘<php’: (Add this code in second line)
   include("shortcodes.php");
7. Save the custom_functions.php file.
8. Finally copy all the images from the ‘shortcode images’ folder into the /images/ folder of your theme E.g. the path will be wp-content/wikibase/images, you need to add all these images here. Now you are ready to use the shortcodes.

So now that you have integrated shortcodes, please head over to How to Use Shortcodes

If you experience any issues installing shortcodes into your theme please visit the following forum thread
http://templatic.com/forums/viewtopic.php?f=42&t=3451&start=20

[/hidepost]