theme-customizer

Step 1: Register the setting in the customizer Add this to your wptuts_theme_customizer() function, which will register a new “Pagination” section, as well as a “Pagination Style” setting: /* Section: Pagination */ $wp_customize->add_section( ‘themeslug_pagination’, array( ‘title’ => __( ‘Pagination’, ‘themeslug’ ), ) ); $wp_customize->add_setting( ‘pagination_style’, array( ‘default’ => ‘next-previous-links’, ) ); $wp_customize->add_control( ‘pagination_style’, array( ‘label’ … Read more

While this might not a be the perfect solution but this should work. You can set an interval to check against the preview iframe, like this: var previewDiv = $(‘#customize-preview’); previewDiv.prepend(‘<div class=”loading-overlay”></div>’); var loadingOverlay = previewDiv.find(‘.loading-overlay’); setInterval(function(){ if( previewDiv.children(‘iframe’).length > 1 ) { previewDiv.addClass(‘loading’); } else{ previewDiv.removeClass(‘loading’); previewDiv.addClass(‘loaded’); } }, 100);

The Nav Menus panel is added at customize_register action priority 11, so you need to set the priority at priority 12 (or above). This works for me: <?php add_action( ‘customize_register’, function ( \WP_Customize_Manager $wp_customize ) { $panel = $wp_customize->get_panel( ‘nav_menus’ ); if ( $panel ) { $panel->priority = 1; } }, 12 );

You are right. A couple of fixes/suggestions, though. You should use absint as a sanitization callback. Also, you don’t have to explicitly use the WP_Customize_Control class. The number field can be created with the regular syntax you use for the text field with an exception of the type and additional attributes. Another thing is that … Read more

Use default values when you fetch the settings. Never store defaults in the database. Example: $defaults = array ( ‘foo’ => ‘bar’ ); $options = get_option( ‘my_theme_options’, $defaults ); echo $options[‘foo’];

tl;dr See standalone example plugin that demonstrates initiating a full refresh when a selective refresh request enqueues different scripts or styles and also which re-initializes JS behaviors for selectively-refreshed partial placement containers. I understand the goal to be to minimize the amount of logic required in the customizer to preview changes to updated partials that … Read more

Yes, there is a way to disable the Live Preview rendering. 1] Open your theme’s functions.php file. 2] Append the following code snippet at the very end of the file: add_action( ‘customize_preview_init’, function() { die(“The customizer is disabled. Please save and preview your site on the frontend.”); }, 1); 3] Save your functions.php file. That’s … Read more