Skeleton is easy to use right out of the box, but it also has some nice improvements for power users. See the list of available Shortcodes below. These are gathered from around the web and have proven to be extremely useful with little or no impact on the theme performance.
Customizing Skeleton can be achieved with the Theme Options panel under Appearance → Theme Options. The theme options panel uses the Theme Options Framework by WP Theming. Advanced users can customize the options.php using the documentation found on their site. For CSS controlled by the theme options panel, we recommend adding to style.php rather than adding to wp_head.
Skeleton has a several handy built-in shortcodes available.
You can use several fractional combinations to suit your needs, so long as the last column has a suffix of “_last”. See example below.
Available Options – Up to 6 columns
You can add some nice cross-browser CSS3 buttons as well. See more colors and examples here.
which produces the following result:
You can create tabs within your content as well. Each tab needs a unique id (identifier) in order to work.
which will output:
- Tab 1 content
- Tab 2 content
- Tab 3 content
You can create accordion-like toggle panels within your content as well
Insert a rounded cornered box of content.
This is a 400px centered callout box. You can pretty much enter any content or other shortcodes (such as buttons) in this box.
Insert a list of latest posts from specified category(s) into any page with optional thumbnail and excerpt.
Insert a list of related (tagged) posts.
Sometimes you need to manually enter more complex markup in your Pages/Posts. WordPress automatically wraps a P tag arund every line break by default. This is a blessing to most, but annoying if you’re trying to take a little more control. Previously the [raw] tags were used. This feature has been deprecated. Now you can just add a custom field of “wpautop” with a value of “false” to disable automatic paragraph formatting on a page by page basis.
If you ever need to clear an element, you can use the “clear” shortcode below.
Clear with Horizontal line:
Similar to “clear”, this does the same thing but adds a horizontal line below.
Layout Customization Hooks
You can find a list of these functions in the top of the functions.php file: