Есть ли способ настроить набор цветов Wordpress 3.8 (в пользовательских типах полей), чтобы использовать только цвета, которые я определяю?Настройка Wordpress Color Picker
Мне нужно иметь только 6 цветов для клиента, но они не хотят иметь все эти цвета, кроме 6 градиентных цветов.
будет признателен за любую помощь ... Я не пытался сделать это в течение нескольких дней, но никакого положительного решения :(
Спасибо
да,
Wordpress использует Iris colorpicker и если вы будете ехать на подмигнули страницу, вы увидите все методы и варианты ..
в принципе, можно добавить следующее:
palettes: ['#e5003d','#A6FF4C','#757584','#99CCFF','#00c1e8','#111111','#ECECFB']
на ваш выбор при инициализации объекта ..
jQuery('#my-ID .my-color-picker-class').each(function(){
jQuery(this).wpColorPicker({
// you can declare a default color here,
// or in the data-default-color attribute on the input
//defaultColor: false,
// a callback to fire whenever the color changes to a valid color
change: function(event, ui){},
// a callback to fire when the input is emptied or an invalid color
clear: function() {},
// hide the color picker controls on load
hide: true,
// set total width
width : 200,
// show a group of common colors beneath the square
// or, supply an array of colors to customize further
palettes: ['#444444','#ff2255','#559999','#99CCFF','#00c1e8','#F9DE0E','#111111','#EEEEDD']
});
Всего это, конечно, если вы закодировать свое собственное поле ..
Если вы используете какой-то плагин или такие - Это будет зависеть от того, что плагин механизм.
Я нашел эту информацию here (link).
Вы должны использовать существующее Wordpress функции, чтобы изменить цветовую палитру, как так:
function my_mce4_options($init) {
$default_colours = '
"000000", "Black",
"993300", "Burnt orange",
"333300", "Dark olive",
"003300", "Dark green",
"003366", "Dark azure",
"000080", "Navy Blue",
"333399", "Indigo",
"333333", "Very dark gray",
"800000", "Maroon",
"FF6600", "Orange",
"808000", "Olive",
"008000", "Green",
"008080", "Teal",
"0000FF", "Blue",
"666699", "Grayish blue",
"808080", "Gray",
"FF0000", "Red",
"FF9900", "Amber",
"99CC00", "Yellow green",
"339966", "Sea green",
"33CCCC", "Turquoise",
"3366FF", "Royal blue",
"800080", "Purple",
"999999", "Medium gray",
"FF00FF", "Magenta",
"FFCC00", "Gold",
"FFFF00", "Yellow",
"00FF00", "Lime",
"00FFFF", "Aqua",
"00CCFF", "Sky blue",
"993366", "Brown",
"C0C0C0", "Silver",
"FF99CC", "Pink",
"FFCC99", "Peach",
"FFFF99", "Light yellow",
"CCFFCC", "Pale green",
"CCFFFF", "Pale cyan",
"99CCFF", "Light sky blue",
"CC99FF", "Plum",
"FFFFFF", "White"
';
$custom_colours = '
"e14d43", "Color 1 Name",
"d83131", "Color 2 Name",
"ed1c24", "Color 3 Name",
"f99b1c", "Color 4 Name",
"50b848", "Color 5 Name",
"00a859", "Color 6 Name",
"00aae7", "Color 7 Name",
"282828", "Color 8 Name"
';
$init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';
$init['textcolor_rows'] = 6; // expand colour grid to 6 rows
return $init;
}
add_filter('tiny_mce_before_init', 'my_mce4_options');
Вы также можете изменить количество строк и столбцов:
$init['textcolor_rows'] = 5;
$init['textcolor_cols'] = 10;
Нам нужно wp_enqueue_script сценария и wp_enqueue_style стиль с add_action в файл functions.php. Просто включите файл jQuery и файл стилей этим скриптом.
// Register Scripts & Styles in Admin panel
function custom_color_picker_scripts() {
wp_enqueue_style('wp-color-picker');
wp_enqueue_script('iris', admin_url('js/iris.min.js'), array('jquery-ui-draggable', 'jquery-ui-slider', 'jquery-touch-punch'), false, 1);
wp_enqueue_script('cp-active', plugins_url('/js/cp-active.js', __FILE__), array('jquery'), '', true);
}
add_action('admin_enqueue_scripts', custom_color_picker_scripts);
Теперь создайте новый яваскрипт файл, как CP-active.js и держать его avobe определили «/js/cp-active.js» путь к файлу с помощью сильфона кода.
jQuery('.color-picker').iris({
// or in the data-default-color attribute on the input
defaultColor: true,
// a callback to fire whenever the color changes to a valid color
change: function(event, ui){},
// a callback to fire when the input is emptied or an invalid color
clear: function() {},
// hide the color picker controls on load
hide: true,
// show a group of common colors beneath the square
palettes: true
});
Добавить текстовое поле на страницу настроек с классом CSS для выбора цвета, где вы хотите Dispaly входного текста. Я использую «color_code» для ввода переменной $.
<input id="color_code" class="color-picker" name="color_code" type="text" value="" />
Пожалуйста, смотрите более подробную информацию о Add jQuery Color Picker WordPress Theme or Plugin
Вот быстрый & грязный раствор:
Работы сейчас. Но еще не пробовали, если это сохранится в следующем обновлении Wordpress.
Это было бы очень плохое осуществление.Как вы подразумеваете - это не сработает для следующего обновления colorpicker – bestprogrammerintheworld
Не делайте этого. Никогда не изменяйте основные файлы. – Laurent
Привет, спасибо, что так много. Должен ли я добавить это в свою тему/function.php правильно? Или создать новый плагин или в iis.min.js? – Dani
Нет. Это 'JS', а не PHP. Вы добавили бы его в качестве внешнего скрипта и внесете его в очередь. Из вашего вопроса (как НАСТРОЙКА цветовой палитры) я предположил, что вы уже знаете, как его интегрировать. В принципе, это не имеет значения, ГДЕ вы его помещаете до тех пор, пока оно находится на странице, завернутое в 'jQuery (document) .ready' или подобное и указывает на ваши селекторы. –
Привет, спасибо за дальнейший ввод. Ну, я не так хорошо разбираюсь в javascripts. Но теперь я решил сохранить код в моей основной теме и назвал его my.new.color.js. Тогда в моем function.php, я попытался с обоих кодов пыльник, но все же видел те же цвета, как и раньше в почтовом редакторе – Dani