As you might have noticed I’m still struggeling with my theme choice. I’ll be switching themes a lot soon but wanted to get started on integrating plugins (like, for instance, Link Indication ). Some of those require adding CSS code though. I stumbeled upon one guide on how to preserve your CSS changes througout themes HERE but that still required you to modify the template and that I did not want to do.

So I came up with this, my first, wordpress plugin. It allows you to add Custom CSS code to the “wp_head” action hook. This will basically preserve your precious CSS in the database while you can go on changing themes as you please .. at least as long as the theme author calls “the_head()” at some point, but that he (or she for that matter) should do in any case.

So now, here is a quick Copy & Paste version.

Simply save the file as “mcd_custom_css.php” into your plugin folder and active. Some kind of release coming tomorrow, though I doubt anyone will actually use this much.

Plugin Name: Custom CSS Loader
Plugin URI: TBA
Description: A brief description of the plugin.
Version: 0.1
Author: Oliver van Porten
Author URI:
 Copyright 2007 Oliver van Porten  (email :

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

function __mcd_custom_css_install() {
    add_option("mcd_custom_css", "");

function mcd_custom_css_header() {
    echo '<style type="text/css">';
    echo get_option( "mcd_custom_css" );
    echo '</style>';

function mcd_custom_css_add_admin_pages() {
    add_options_page( "Custom CSS Settings", "Custom CSS", 8, "mcd_cust_css_admin", "mcd_custom_css_settings" );

function mcd_custom_css_settings() {

    if( isset($_POST['custom_css']) ) {
        update_option( "mcd_custom_css", $_POST['custom_css'] );

    echo <<<eot
 <div class="wrap">
 <h2>Custom CSS Editor</h2>
 <form name="form1" method="post" action="options-general.php?page=mcd_cust_css_admin">
 <fieldset class="options">
 <legend>Update your CSS Code</legend>
 <p>Insert your custom CSS into the box below. <em>DO NOT ADD &lt;script ..&gt; .. &lt;/script&gt;!</em></p>
 <textarea name="custom_css" rows="10" cols="25" style="width: 100%;">
echo get_option( "mcd_custom_css" );
    echo <<<eot
 <p class="submit">
 <input type="submit" name="Submit" value="Save &raquo;" />

add_action('wp_head', 'mcd_custom_css_header');
add_action('activate_mcd_custom_css.php', '__mcd_custom_css_install');
add_action('admin_menu', 'mcd_custom_css_add_admin_pages');


Note to self: Always proof-read what you post!


Leave a comment