WordPress 2.5 introduces a neat option: per user Admin Color Scheme. This means that each user can select a stylesheet they like best for the whole admin area. Now onto the fun stuff: adding a per-user selectable custom stylesheet for your blog.
Concept
The new function behind this feature is wp_admin_css_color(), which is used as following:
-
wp_admin_css_color(
-
$shortname, // eg 'mycoolstyle', used to store setting in the wp_options table
-
$longname, // eg 'My Cool Style'
-
$css_url, // URL to your custom stylesheet
-
array(
-
$color_code_1, // a HTML color code like '#123456'
-
$color_code_2, // or 'red'
-
$color_code_3, // or 'rgb(100,100,100)'
-
... // any number of color codes you want
-
)
-
);
This function call populates an array ($_wp_admin_css_colors) which is then used on the profile page to display the cute colorful little table cells. In your plugins, hook the function call into 'admin_init', and you're done.
Example
Say you're a Brazil fan and you want to make a plugin that adds some sunshine into your admin area. You would create a custom stylesheet that would reside into your plugin directory, and the plugin itself would be something like:
-
<?php
-
/*
-
Plugin Name: Admin Custom CSS: Brazil!
-
Plugin URI: http://planetozh.com/blog/
-
Description: Plugin example: add a per-user custom CSS to the admin area
-
Author: Ozh
-
Version: 0.1
-
Author URI: http://planetozh.com/
-
*/
-
-
add_action('admin_init','custom_admin_css_brazil');
-
-
function custom_admin_css_brazil() {
-
$plugin_url = get_option( 'siteurl' ) . '/wp-content/plugins/' . plugin_basename(dirname(__FILE__)) ;
-
wp_admin_css_color(
-
'brazil',
-
__('Brazil'),
-
$plugin_url . '/wp-admin-brazil.css',
-
array(
-
'#3c940c',
-
'#fffc01',
-
'#3005eb',
-
)
-
);
-
}
-
?>
Real example for the not-so-DIYers : I made this quick plugin and its very quick stylesheet (be warned, the visual result is rather ugly): Plugin Example: Custom Admin CSS.
Note the cool CSS little trick in the options form :)
Pages: « 1 [2] Show All
pingback on 14/Apr/08 at 1:59 am # :
[...] ????WordPress 2.5 ????????????????????????????????????????????????????????????????????????? WordPress ??????????????????????????????? Fluency???????????????????????????? [...]
wrote, on 15/Apr/08 at 4:28 pm # :
You know what would be really sick? A random colour generator. It could even change the colour on every page load! :)
wrote, on 15/Apr/08 at 7:52 pm # :
Donncha O Caoimh » Heh, actually Donncha I'm close to doing this, and guess what, it won't even be ugly. Details some day :)
pingback on 16/Apr/08 at 2:07 am # :
[...] How-to add Per User Custom Stylesheet in WordPress 2.5 by Ozh. [...]
said, on 16/Apr/08 at 5:33 pm # :
I think it would be cool to have something that pulled data from Adobe Kuler. That way people could just switch styles from there.
pingback on 19/Apr/08 at 2:07 pm # :
[...] many users, not me though. Not to worry, the old color scheme is an alternative or if you want to set your own colors, Planetozh has a guide as to how you can do just that via a [...]
pingback on 20/Apr/08 at 11:26 pm # :
[...] fue uno de los primeros cambios de lo que me enteré se venian con wordpress gracias a Ozh, se trata del Admin Color Scheme, por defecto wordpress sólo cuenta con 2 [...]
said, on 29/Apr/08 at 8:04 pm # :
Hey, I did one! It's a super-minimal monochrome version. Thanks for the tip.
pingback on 01/May/08 at 5:51 pm # :
[...] ????? ?????? ????????? ?? ??? ???? ???? ? ???, ??? ????????? ????? ?????????? ?????? ? ????. ?? ?????? ?????????? ???????? ??????? wp_admin_css_color();. ????? ????????? ????? ?????????? ??????, ? ????? ? ? ??????? ???????. ? ??????? ???????????? ?????????? ????? ???????? ?????. ????? ?????? ? ?????? Per User Custom Stylesheet in WordPress 2.5 [...]
said, on 03/May/08 at 9:57 am # :
the good code, love Wp :)