WordPress.org

Basic Installation

1. Upload custom-style into /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. The plugin is now installed and ready for usage (see Usage section).

Usage

Once installed and activated, sub menu item 'Custom Style' is added to menu 'Appearance' in your Dashboard. Select that menu item, add some CSS rules into the text field and save it. Then reload your WordPress Blog. If you then look at your blog's HTML source code, you should see a <style>..</style> element in the head element with your content.

Advanced Usage

Depending on your CSS rules, you may need to refer to files in your theme. A typical example is the usage of a background image as shown below:

    #header {
      background-image: url( <my theme url>/images/my-bg-image.jpg );
    }

Using a hardwired URL here is possible but a rather ugly solution. Especially if you prefer to install themes having version numbers in their folder name.

To support a location independant CSS addition, 'custom-style' supports the syntax

     {bloginfo:word}

where 'word' is an arbitrary word (or absent). Such a 'custom expression' is evaluated as

        bloginfo('word')

See http://codex.wordpress.org/Template_Tags/bloginfo for further information about 'bloginfo'.

This eventually allows you to solve the problem above like

 #header {
   background-image: url({bloginfo:template_url}/images/my-bg-image.jpg );
 }

cause bloginfo("template_url") evaluates to your blog's theme URL.