修改主题定制器拾色器的Java脚本配置选项

时间:2013-02-04 作者:Dwayne Charrington

我已经开始将Wordpress主题定制API完全集成到我的Wordpress主题中,这是惊人的。我遇到的一个问题是,包括默认颜色选择器非常好,但我正在尝试确定如何更改正在使用的虹膜颜色选择器的配置选项。

默认情况下,“主题自定义”窗格中的颜色选择器在选择器下方有一个调色板,在右侧有一个亮度垂直条。我想模仿我在主题前端使用的设置(使用虹膜选取器)。

如何更改主题自定义颜色选择器以使用这些设置?下面是我在我的网站前端使用的一些完全不同的设置。

   $("#theme-color").wpColorPicker({
        border: false,
        controls: {
            horiz: \'s\', // horizontal defaults to saturation
            vert: \'l\', // vertical defaults to lightness
            strip: \'h\' // right strip defaults to hue
        },
        mode: \'hsl\',
        palettes: false,
        width: 160,
        change: function(event, ui) {
            var selectedColor = ui.color.toString();

            $.removeCookie(\'spot_colour\');

            // Set our cookie to last for 1 day
            $.cookie(\'spot_colour\', selectedColor, { expires: 1, path: \'/\' });

            // Apply any selected colours
            applySpotColours();
        }
    });

1 个回复
最合适的回答,由SO网友:onetrickpony 整理而成

颜色选择器已注册为jQuery UI小部件,因此您可以在页面中使用小部件之前修改其原型对象:

add_action(\'customize_controls_print_footer_scripts\', function(){

  ?>
  <script>

    jQuery(document).ready(function($){

      $.wp.wpColorPicker.prototype.options = {

        border: false,
        // other options here...

      };         
    });   

  </script>
  <?php

}); 
(您应该将其放在.js文件中)

结束

相关推荐

Admin Theme customization

我遵循wordpress codex网站上关于通过插件创建管理主题的说明。我激活了插件,但我的样式表没有包含在<head>.. 这是我的代码:add_action( \'admin_init\', \'kd_plugin_admin_init\' ); add_action( \'admin_menu\', \'kd_plugin_admin_menu\' ); function kd_plugin_admin_init() { /* Register