我已经开始将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();
}
});
最合适的回答,由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文件中)