When you add a new field for customisation, WordPress handles how the values are saved, retrieved, previewed. Then you don’t have to save the value with a AJAX call. You just have to add the new field that store orders of sections. Then with JavaScript, you modify the value of this field and use field.trigger(“change”) … Read more
Waiting for window load won’t work reliably since once the preview loads it will override any change to a section’s activation you may do. So even if you are able to call deactivate after the preview iframe first loads, the next time that it refreshes due to a setting change or navigating around the site, … Read more
I got this working by instead sending a custom event from the preview window to the customizer panel every time the preview window does a full page refresh, or the URL changes (and on initial customizer load). I can send any data I require about the current page via this event. At the moment I’m … Read more
You’re close. You just need to replace changeTheChoices() with set() as this is a method on wp.customize.Setting. See the following which also refactors a bit: wp.customize( ‘setting_category’, ‘setting_font’, function( categorySetting, fontSetting ) { categorySetting.bind( function( category ) { var newChoices = {}; // get new data from JSON using ‘category’ and populate the ‘newChoices’ fontSetting.set( … Read more
Your control is named custom_num but your setting is named my_custom_num. Modify your setting’s sanitize function to use the former: $input_attrs = $setting->manager->get_control( ‘custom_num’ )->input_attrs; See also the Customize Input Validity Constraints plugin, where you can see how to obtain the control for a given setting without having to hard-code it: $controls = array(); foreach … Read more
Definitely backup your database FIRST before trying this out. I just tested changing the option_name of a set of customizer changes to match a different theme, and it appears we can make the customizer changes switch to another theme simply by changing the option_name to match our new theme, instead of copying the option_value serialized … Read more
According to Codex, this function accepts 2 arguments: <?php wp_add_inline_style( $handle, $data ); ?> Take a look at this example: function my_inline_css() { wp_enqueue_style( ‘custom-style’, get_template_directory_uri() . ‘/css/custom_script.css’ ); $btn_color = esc_attr( get_theme_mod( ‘my-custom-color’ ) ); $custom_css = ” .btn-default{ background-color: {$btn_color}; }”; wp_add_inline_style( ‘custom-style’, $my_custom_css ); } add_action( ‘wp_enqueue_scripts’, ‘my_inline_css’ ); You should have … Read more
Here it is wp.customize.bind( ‘ready’, function() { wp.customize.section.each( function ( section ) { section.expanded.bind( function( isExpanding ) { if(isExpanding){ console.log(section); } }); }); });
You can create a third active callback function that just references the two existing ones, for example via an anonymous function (PHP≥5.3): // About Block Button Text $wp_customize->add_setting( ‘about_block_button_text’, array( ‘default’ => __( ‘Read More’, ‘my_theme_name’ ) ) ); $wp_customize->add_control( ‘about_block_button_text’, array( ‘label’ => __( ‘About Button Text’, ‘my_theme_name’ ), ‘type’ => ‘text’, ‘section’ => … Read more
This is original code from wordpress: function get_theme_mods() { $theme_slug = get_option(‘stylesheet’); $mods = get_option(“theme_mods_$theme_slug”); if (false === $mods) { $theme_name = get_option(‘current_theme’); if (false === $theme_name) $theme_name = wp_get_theme()->get(‘Name’); $mods = get_option(“mods_$theme_name”); // Deprecated location. if (is_admin() && false !== $mods) { update_option(“theme_mods_$theme_slug”, $mods); delete_option(“mods_$theme_name”); } } return $mods; } function get_theme_mods() { $theme_slug … Read more