The Skinner plugin adds skin selection and editing to WordPress
for Skinner compatible themes.
The Skinner plugin is based on the Theme Selector and Theme Editor that are built into
WordPress, giving them the the same level of functionality, look and feel.
To create a skin for a theme:
- Select the theme you would like to skin.
- Select ‘Skins’ on the presentation menu.
- Click on the ‘Create Skin’ button (down the bottom).
- Enter a name for your skin and click on the ‘Create Skin’ button.
- Your skin has been created. Click on the edit link.
- Edit your skin.
- When you are done, go back to the ‘Skins’ page and activate your skin.
- If the theme has a skin archive, go to it and let them know that you have created a new skin for the theme.
- Fixed fatal error when using the Default theme.
- Upgraded to WordPress 2.3
- Fixed defect in getting options from the presentation toolkit is used.
- Fixed defect in styles sent to Real WYSIWG when the presentation toolkit is used. If you are using the presentation toolkit, please upgrade to 0.0.9.
- Added support for the [Real WYSIWYG plugin] (http://windyroad.org/software/wordpress/real-wysiwyg-plugin/)
- Fixed a defect that displayed a blank page when switching skins, which was caused by the browser not sending referrer information.
- Skinner now supports all themes. Themes without any skins will have a ‘Default’ skin to represent the theme’s unskinned look.
- Skinner now supports enabled and disabled skins. This allows you to control which skins are displayed in the skin switcher.
- Skinner can now create skins. Activate your favourite theme, go the skins page and click on ‘Create Skin’. Skinner will create the required directories and files for you.
- Added support for old WordPress 2.0 installations
- Added BeNice support.
- Removed nonce generation and referrer checking as it was not working. Will re-introduce later.
- Fixed some validation issues.
- Fixed order of style sheet includes.
- Fixed output of the footer in the skin selector
- The ‘Get More Skins’ title is no longer displayed if a skins archive is not specified
- Initial release
- copy the ‘skinner’ directory to your wp-contents/plugins directory.
- Activate Skinner in your plugins administration page.
- You will now see the ‘Skins’ and a ‘Skin Editor’ (if the theme has skins to edit) entrie in the ‘Presentation’ menu.
- You will also see a ‘Skin Switcher’ widget in the ‘Widgets’ menu.
- I’m a theme user. Why would I create skins?
Using skins is more maintainable that editing the theme directly.
If you are editing the theme, then when a new version of the theme comes out, you need to remember all the changes you made
previously and apply them to the upgraded theme. Tracking down the changes can be a real pain.
If instead of editing the theme, you create a skin, then when a new version of the theme comes out, you can
just copy your skins into the new theme. A few tweeks of your skin and the upgrade should be complete. Nice!
- Can I skin a skin?
Yes you can. Just create a skin for the same theme and in the header of the ‘style.css’ file add
Parent Skin: skinname
- How do I put a skin switcher on my page, without using widgets?
Edit the theme you are using and place
<?php skinner_skin_switcher() ?>where
you would like the skin switcher to appear.
- I’m a theme maintainer. Why would I create skins?
Using skins for your themes allows you maintain a single code base for the theme, but have a number of variations to it’s
look and feel. e.g., your theme might be blue by default, but you could have a green, yellow and pink skin.
By providing skins for your theme, you can make it more applealing to a larger group of people, with very little extra work.
Vistered Little and JSBox
are both great examples of skinned themes.
- How do I find out what CSS selectors to use to modify a specific element on the page?
Go and grab Firebug is you are using Firefox, of IE Developer Toolbar
if you are using IE. Both of these plugins will allow you to inspect
an element to find out what
classit has and what CSS
is currently applied to the element.