Cross-theme stylesheets

Cross-theme stylesheets is a plugin that allows you to add stylesheets to your blog that are independent of the theme. If you have some CSS that you want to use regardless of the theme you've chosen (or your user has chosen, if you have a theme-switcher) you can create a stylesheet here, link it or import it, and have it apply to whatever media you choose.

Download

The latest version is 0.3.

How to install it

Cross-theme stylesheets is plug-and-play.

How to use it

Cross-theme stylesheets adds a page to the management menu, titled "Stylesheets." By default you will have a single stylesheet named "my-styles". You can change the name of this sheet, change the media associated with it, change whether it is imported or linked, and, of course, change the CSS used, all from the top section of the page.

From the middle section you can add additional stylesheets, delete them, hide or show them, or select the stylesheet you want to edit.

The bottom section contains some notes about how to use it.

When a blog page is served, for each stylesheet you have created and allowed to remain visible, the page will have added to the head something similar to either this:

    <style type="text/css">
        @import url(http://my-blog.com/wp-content/plugins/stylesheets.php/my-styles.css) screen, projection;
    </style>

or this:

   <link rel="stylesheet" type="text/css" media="screen, projection" 
           href="http://my-blog.com/wp-content/plugins/stylesheets.php/my-styles.css" />

with the proper values substituted for your URL, the name you've chosen for the stylesheet, and your chosen media.

Problems

If you have a problem with the plugin, first make sure you have read all of the documentation on this page, and then feel free to email me at scott AT sauyet DOT com. If you have found a bug, or have a feature request, please let me know about it.

More Information

If you want to know more about the plugin, and the reason I created it, you can check out the original article discussing it.

Changelog

  1. Version 0.1 - Initial plugin release
  2. Version 0.2 - Minor documentation tweaks
  3. Version 0.3 - Moved remaining "style"-attributes from admin pages to stylesheet in head.