自定义 WordPress 2.5 后台样式

2023-04-14 19:54:52 浏览数 (1)

WordPress 2.5 引入了一个好玩的选项:自定义后台颜色模式。这个选项意味着每个用户都可以自己给后台选择自己最喜欢一个样式。现在让我们做一个好玩的东东:给你增加一个可选择的自定义的样式。

概念

在这个特性后面的函数是 wp_admin_css_color(),它的用法如下所示:

代码语言:javascript复制
wp_admin_css_color(
    $shortname, // eg 'mycoolstyle', 用于在 wp_options 表中保存设置。
    $longname, // eg 'My Cool Style'
    $css_url, // 你自定义的样式表的 URL
    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
    )
);

这个函数组装一个数组 $_wp_admin_css_colors,然后该数组用在个人档案页面显示各种颜色模式。所以在插件中只要在 admin_init 这个 hook 中调用这个函数即可。

例子

假设你是巴西的粉丝,然后你想制作一个插件在你的后台界面添加一些阳光,你可以在你的插件的目录下创建一个样式文件,并且插件大致如下:

代码语言:javascript复制
<?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',
        )
    );
}
?>

最后这个插件下载在这里

翻译自 Per User Custom Stylesheet in WordPress 2.5

是不是很简单,大家有空也自己做个自己喜欢的后台样式吧!做好之后,欢迎大家留言告诉我

0 人点赞