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 :)
Related posts
Shorter URL
Want to share or tweet this post? Please use this short URL: http://ozh.in/h6
Pages: [4] 3 2 1 » Show All
pingback on 25/Jul/09 at 2:11 pm # :
[...] e como criar um plugin que permite adicionar novas cores criando esquemas originais podem consultar esta página. Share this on del.icio.usShare this on RedditBuzz up!Stumble upon something good? Share it on [...]
pingback on 03/Feb/09 at 6:46 pm # :
[...] you can create your OWN wordpress admin color scheme by reading the explanations and sample code of planetozh. online [...]
commented, on 04/Oct/08 at 2:48 pm # :
Replica watches,Siwss watches,Japan watches,Rolex watches,Omega,Gucci,Louis Vuitton,watches,Breitling,Vacheron Constantin,Chanel,Cartier,Bvlgari,Jacob & Co,Chopard,D&G watches Alain Silberstein,A Lange & Sohne,Porsche Design Watches,Mont Blanc,Patek Philippe,TAG Heuer,Jaeger,LeCoultre,pretty watches,high quality watches,fake watches
http://onestoptown.com
said, on 26/Sep/08 at 3:09 pm # :
wooow nice post. I tried to submit this to digg, but I keep getting the following error on Digg: "This link does not appear to be a working link. Please check the URL and try again."
Thanks you
replied, on 30/Jul/08 at 12:29 pm # :
wooow nice post. I tried to submit this to digg, but I keep getting the following error on Digg: "This link does not appear to be a working link. Please check the URL and try again." :/
pingback on 26/Jul/08 at 10:45 pm # :
[...] Ozh describes how to create your own wp-admin stylesheet. //OBSTART:do_NOT_remove_this_comment var [...]
pingback on 10/Jul/08 at 3:43 pm # :
[...] qui est très peut, mais Ozh a réaliser discrètement un petit script vous permettant de modifier les couleurs par défaut. Cela se fait via un fichier CSS modifiable, [...]
pingback on 29/Jun/08 at 3:15 pm # :
[...] queres saber como editar ou criar as tuas próprias cores aconselho-te a ler este tutorial em inglês mas que é bastante [...]
pingback on 23/May/08 at 2:07 pm # :
[...] Per User Custom Stylesheet in WordPress 2.5 [...]
pingback on 13/May/08 at 12:15 am # :
[...] months ago, I wrote an article about per-user admin color schemes that WordPress 2.5 brought in its bag of new features. A few days laters, I received an email from [...]