manager = $manager; add_action( 'after_setup_theme', array( $this, 'setup_widget_addition_previews' ) ); add_action( 'wp_loaded', array( $this, 'override_sidebars_widgets_for_theme_switch' ) ); add_action( 'customize_controls_init', array( $this, 'customize_controls_init' ) ); add_action( 'customize_register', array( $this, 'schedule_customize_register' ), 1 ); add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_scripts' ) ); add_action( 'customize_controls_print_styles', array( $this, 'print_styles' ) ); add_action( 'customize_controls_print_scripts', array( $this, 'print_scripts' ) ); add_action( 'customize_controls_print_footer_scripts', array( $this, 'print_footer_scripts' ) ); add_action( 'customize_controls_print_footer_scripts', array( $this, 'output_widget_control_templates' ) ); add_action( 'customize_preview_init', array( $this, 'customize_preview_init' ) ); add_action( 'dynamic_sidebar', array( $this, 'tally_rendered_widgets' ) ); add_filter( 'is_active_sidebar', array( $this, 'tally_sidebars_via_is_active_sidebar_calls' ), 10, 2 ); add_filter( 'dynamic_sidebar_has_widgets', array( $this, 'tally_sidebars_via_dynamic_sidebar_calls' ), 10, 2 ); } /** * Get an unslashed post value or return a default. * * @since 3.9.0 * * @access protected * * @param string $name Post value. * @param mixed $default Default post value. * @return mixed Unslashed post value or default value. */ protected function get_post_value( $name, $default = null ) { if ( ! isset( $_POST[ $name ] ) ) { return $default; } return wp_unslash( $_POST[$name] ); } /** * Set up widget addition previews. * * Since the widgets get registered on 'widgets_init' before the Customizer * settings are set up on 'customize_register', we have to filter the options * similarly to how the setting previewer will filter the options later. * * @since 3.9.0 * * @access public */ public function setup_widget_addition_previews() { $is_customize_preview = false; if ( ! empty( $this->manager ) && ! is_admin() && 'on' === $this->get_post_value( 'wp_customize' ) ) { $is_customize_preview = check_ajax_referer( 'preview-customize_' . $this->manager->get_stylesheet(), 'nonce', false ); } $is_ajax_widget_update = false; if ( $this->manager->doing_ajax() && 'update-widget' === $this->get_post_value( 'action' ) ) { $is_ajax_widget_update = check_ajax_referer( 'update-widget', 'nonce', false ); } $is_ajax_customize_save = false; if ( $this->manager->doing_ajax() && 'customize_save' === $this->get_post_value( 'action' ) ) { $is_ajax_customize_save = check_ajax_referer( 'save-customize_' . $this->manager->get_stylesheet(), 'nonce', false ); } $is_valid_request = ( $is_ajax_widget_update || $is_customize_preview || $is_ajax_customize_save ); if ( ! $is_valid_request ) { return; } // Input from Customizer preview. if ( isset( $_POST['customized'] ) ) { $this->_customized = json_decode( $this->get_post_value( 'customized' ), true ); } else { // Input from ajax widget update request. $this->_customized = array(); $id_base = $this->get_post_value( 'id_base' ); $widget_number = $this->get_post_value( 'widget_number', false ); $option_name = 'widget_' . $id_base; $this->_customized[ $option_name ] = array(); if ( preg_match( '/^[0-9]+$/', $widget_number ) ) { $option_name .= '[' . $widget_number . ']'; $this->_customized[ $option_name ][ $widget_number ] = array(); } } $function = array( $this, 'prepreview_added_sidebars_widgets' ); $hook = 'option_sidebars_widgets'; add_filter( $hook, $function ); $this->_prepreview_added_filters[] = compact( 'hook', 'function' ); $hook = 'default_option_sidebars_widgets'; add_filter( $hook, $function ); $this->_prepreview_added_filters[] = compact( 'hook', 'function' ); $function = array( $this, 'prepreview_added_widget_instance' ); foreach ( $this->_customized as $setting_id => $value ) { if ( preg_match( '/^(widget_.+?)(?:\[(\d+)\])?$/', $setting_id, $matches ) ) { $option = $matches[1]; $hook = sprintf( 'option_%s', $option ); if ( ! has_filter( $hook, $function ) ) { add_filter( $hook, $function ); $this->_prepreview_added_filters[] = compact( 'hook', 'function' ); } $hook = sprintf( 'default_option_%s', $option ); if ( ! has_filter( $hook, $function ) ) { add_filter( $hook, $function ); $this->_prepreview_added_filters[] = compact( 'hook', 'function' ); } /* * Make sure the option is registered so that the update_option() * won't fail due to the filters providing a default value, which * causes the update_option() to get confused. */ add_option( $option, array() ); } } } /** * Ensure that newly-added widgets will appear in the widgets_sidebars. * * This is necessary because the Customizer's setting preview filters * are added after the widgets_init action, which is too late for the * widgets to be set up properly. * * @since 3.9.0 * @access public * * @param array $sidebars_widgets Associative array of sidebars and their widgets. * @return array Filtered array of sidebars and their widgets. */ public function prepreview_added_sidebars_widgets( $sidebars_widgets ) { foreach ( $this->_customized as $setting_id => $value ) { if ( preg_match( '/^sidebars_widgets\[(.+?)\]$/', $setting_id, $matches ) ) { $sidebar_id = $matches[1]; $sidebars_widgets[ $sidebar_id ] = $value; } } return $sidebars_widgets; } /** * Ensure newly-added widgets have empty instances so they * will be recognized. * * This is necessary because the Customizer's setting preview * filters are added after the widgets_init action, which is * too late for the widgets to be set up properly. * * @since 3.9.0 * @access public * * @param array|bool|mixed $value Widget instance(s), false if open was empty. * @return array|mixed Widget instance(s) with additions. */ public function prepreview_added_widget_instance( $value = false ) { if ( ! preg_match( '/^(?:default_)?option_(widget_(.+))/', current_filter(), $matches ) ) { return $value; } $id_base = $matches[2]; foreach ( $this->_customized as $setting_id => $setting ) { $parsed_setting_id = $this->parse_widget_setting_id( $setting_id ); if ( is_wp_error( $parsed_setting_id ) || $id_base !== $parsed_setting_id['id_base'] ) { continue; } $widget_number = $parsed_setting_id['number']; if ( is_null( $widget_number ) ) { // Single widget. if ( false === $value ) { $value = array(); } } else { // Multi widget. if ( empty( $value ) ) { $value = array( '_multiwidget' => 1 ); } if ( ! isset( $value[ $widget_number ] ) ) { $value[ $widget_number ] = array(); } } } return $value; } /** * Remove pre-preview filters. * * Removes filters added in setup_widget_addition_previews() * to ensure widgets are populating the options during * 'widgets_init'. * * @since 3.9.0 * @access public */ public function remove_prepreview_filters() { foreach ( $this->_prepreview_added_filters as $prepreview_added_filter ) { remove_filter( $prepreview_added_filter['hook'], $prepreview_added_filter['function'] ); } $this->_prepreview_added_filters = array(); } /** * Override sidebars_widgets for theme switch. * * When switching a theme via the Customizer, supply any previously-configured * sidebars_widgets from the target theme as the initial sidebars_widgets * setting. Also store the old theme's existing settings so that they can * be passed along for storing in the sidebars_widgets theme_mod when the * theme gets switched. * * @since 3.9.0 * @access public */ public function override_sidebars_widgets_for_theme_switch() { global $sidebars_widgets; if ( $this->manager->doing_ajax() || $this->manager->is_theme_active() ) { return; } $this->old_sidebars_widgets = wp_get_sidebars_widgets(); add_filter( 'customize_value_old_sidebars_widgets_data', array( $this, 'filter_customize_value_old_sidebars_widgets_data' ) ); // retrieve_widgets() looks at the global $sidebars_widgets $sidebars_widgets = $this->old_sidebars_widgets; $sidebars_widgets = retrieve_widgets( 'customize' ); add_filter( 'option_sidebars_widgets', array( $this, 'filter_option_sidebars_widgets_for_theme_switch' ), 1 ); } /** * Filter old_sidebars_widgets_data Customizer setting. * * When switching themes, filter the Customizer setting * old_sidebars_widgets_data to supply initial $sidebars_widgets before they * were overridden by retrieve_widgets(). The value for * old_sidebars_widgets_data gets set in the old theme's sidebars_widgets * theme_mod. * * @see WP_Customize_Widgets::handle_theme_switch() * @since 3.9.0 * @access public * * @param array $old_sidebars_widgets */ public function filter_customize_value_old_sidebars_widgets_data( $old_sidebars_widgets ) { return $this->old_sidebars_widgets; } /** * Filter sidebars_widgets option for theme switch. * * When switching themes, the retrieve_widgets() function is run when the * Customizer initializes, and then the new sidebars_widgets here get * supplied as the default value for the sidebars_widgets option. * * @see WP_Customize_Widgets::handle_theme_switch() * @since 3.9.0 * @access public * * @param array $sidebars_widgets */ public function filter_option_sidebars_widgets_for_theme_switch( $sidebars_widgets ) { $sidebars_widgets = $GLOBALS['sidebars_widgets']; $sidebars_widgets['array_version'] = 3; return $sidebars_widgets; } /** * Make sure all widgets get loaded into the Customizer. * * Note: these actions are also fired in wp_ajax_update_widget(). * * @since 3.9.0 * @access public */ public function customize_controls_init() { /** This action is documented in wp-admin/includes/ajax-actions.php */ do_action( 'load-widgets.php' ); /** This action is documented in wp-admin/includes/ajax-actions.php */ do_action( 'widgets.php' ); /** This action is documented in wp-admin/widgets.php */ do_action( 'sidebar_admin_setup' ); } /** * Ensure widgets are available for all types of previews. * * When in preview, hook to 'customize_register' for settings * after WordPress is loaded so that all filters have been * initialized (e.g. Widget Visibility). * * @since 3.9.0 * @access public */ public function schedule_customize_register() { if ( is_admin() ) { // @todo for some reason, $wp_customize->is_preview() is true here? $this->customize_register(); } else { add_action( 'wp', array( $this, 'customize_register' ) ); } } /** * Register Customizer settings and controls for all sidebars and widgets. * * @since 3.9.0 * @access public */ public function customize_register() { global $wp_registered_widgets, $wp_registered_widget_controls, $wp_registered_sidebars; $sidebars_widgets = array_merge( array( 'wp_inactive_widgets' => array() ), array_fill_keys( array_keys( $GLOBALS['wp_registered_sidebars'] ), array() ), wp_get_sidebars_widgets() ); $new_setting_ids = array(); /* * Register a setting for all widgets, including those which are active, * inactive, and orphaned since a widget may get suppressed from a sidebar * via a plugin (like Widget Visibility). */ foreach ( array_keys( $wp_registered_widgets ) as $widget_id ) { $setting_id = $this->get_setting_id( $widget_id ); $setting_args = $this->get_setting_args( $setting_id ); $setting_args['sanitize_callback'] = array( $this, 'sanitize_widget_instance' ); $setting_args['sanitize_js_callback'] = array( $this, 'sanitize_widget_js_instance' ); $this->manager->add_setting( $setting_id, $setting_args ); $new_setting_ids[] = $setting_id; } /* * Add a setting which will be supplied for the theme's sidebars_widgets * theme_mod when the the theme is switched. */ if ( ! $this->manager->is_theme_active() ) { $setting_id = 'old_sidebars_widgets_data'; $setting_args = $this->get_setting_args( $setting_id, array( 'type' => 'global_variable', ) ); $this->manager->add_setting( $setting_id, $setting_args ); } $this->manager->add_panel( 'widgets', array( 'title' => __( 'Widgets' ), 'description' => __( 'Widgets are independent sections of content that can be placed into widgetized areas provided by your theme (commonly called sidebars).' ), 'priority' => 110, ) ); foreach ( $sidebars_widgets as $sidebar_id => $sidebar_widget_ids ) { if ( empty( $sidebar_widget_ids ) ) { $sidebar_widget_ids = array(); } $is_registered_sidebar = isset( $GLOBALS['wp_registered_sidebars'][$sidebar_id] ); $is_inactive_widgets = ( 'wp_inactive_widgets' === $sidebar_id ); $is_active_sidebar = ( $is_registered_sidebar && ! $is_inactive_widgets ); // Add setting for managing the sidebar's widgets. if ( $is_registered_sidebar || $is_inactive_widgets ) { $setting_id = sprintf( 'sidebars_widgets[%s]', $sidebar_id ); $setting_args = $this->get_setting_args( $setting_id ); $setting_args['sanitize_callback'] = array( $this, 'sanitize_sidebar_widgets' ); $setting_args['sanitize_js_callback'] = array( $this, 'sanitize_sidebar_widgets_js_instance' ); $this->manager->add_setting( $setting_id, $setting_args ); $new_setting_ids[] = $setting_id; // Add section to contain controls. $section_id = sprintf( 'sidebar-widgets-%s', $sidebar_id ); if ( $is_active_sidebar ) { $section_args = array( 'title' => $GLOBALS['wp_registered_sidebars'][ $sidebar_id ]['name'], 'description' => $GLOBALS['wp_registered_sidebars'][ $sidebar_id ]['description'], 'priority' => array_search( $sidebar_id, array_keys( $wp_registered_sidebars ) ), 'panel' => 'widgets', 'sidebar_id' => $sidebar_id, ); /** * Filter Customizer widget section arguments for a given sidebar. * * @since 3.9.0 * * @param array $section_args Array of Customizer widget section arguments. * @param string $section_id Customizer section ID. * @param int|string $sidebar_id Sidebar ID. */ $section_args = apply_filters( 'customizer_widgets_section_args', $section_args, $section_id, $sidebar_id ); $section = new WP_Customize_Sidebar_Section( $this->manager, $section_id, $section_args ); $this->manager->add_section( $section ); $control = new WP_Widget_Area_Customize_Control( $this->manager, $setting_id, array( 'section' => $section_id, 'sidebar_id' => $sidebar_id, 'priority' => count( $sidebar_widget_ids ), // place 'Add Widget' and 'Reorder' buttons at end. ) ); $new_setting_ids[] = $setting_id; $this->manager->add_control( $control ); } } // Add a control for each active widget (located in a sidebar). foreach ( $sidebar_widget_ids as $i => $widget_id ) { // Skip widgets that may have gone away due to a plugin being deactivated. if ( ! $is_active_sidebar || ! isset( $GLOBALS['wp_registered_widgets'][$widget_id] ) ) { continue; } $registered_widget = $GLOBALS['wp_registered_widgets'][$widget_id]; $setting_id = $this->get_setting_id( $widget_id ); $id_base = $GLOBALS['wp_registered_widget_controls'][$widget_id]['id_base']; $control = new WP_Widget_Form_Customize_Control( $this->manager, $setting_id, array( 'label' => $registered_widget['name'], 'section' => $section_id, 'sidebar_id' => $sidebar_id, 'widget_id' => $widget_id, 'widget_id_base' => $id_base, 'priority' => $i, 'width' => $wp_registered_widget_controls[$widget_id]['width'], 'height' => $wp_registered_widget_controls[$widget_id]['height'], 'is_wide' => $this->is_wide_widget( $widget_id ), ) ); $this->manager->add_control( $control ); } } /* * We have to register these settings later than customize_preview_init * so that other filters have had a chance to run. */ if ( did_action( 'customize_preview_init' ) ) { foreach ( $new_setting_ids as $new_setting_id ) { $this->manager->get_setting( $new_setting_id )->preview(); } } $this->remove_prepreview_filters(); } /** * Covert a widget_id into its corresponding Customizer setting ID (option name). * * @since 3.9.0 * @access public * * @param string $widget_id Widget ID. * @return string Maybe-parsed widget ID. */ public function get_setting_id( $widget_id ) { $parsed_widget_id = $this->parse_widget_id( $widget_id ); $setting_id = sprintf( 'widget_%s', $parsed_widget_id['id_base'] ); if ( ! is_null( $parsed_widget_id['number'] ) ) { $setting_id .= sprintf( '[%d]', $parsed_widget_id['number'] ); } return $setting_id; } /** * Determine whether the widget is considered "wide". * * Core widgets which may have controls wider than 250, but can * still be shown in the narrow Customizer panel. The RSS and Text * widgets in Core, for example, have widths of 400 and yet they * still render fine in the Customizer panel. This method will * return all Core widgets as being not wide, but this can be * overridden with the is_wide_widget_in_customizer filter. * * @since 3.9.0 * @access public * * @param string $widget_id Widget ID. * @return bool Whether or not the widget is a "wide" widget. */ public function is_wide_widget( $widget_id ) { global $wp_registered_widget_controls; $parsed_widget_id = $this->parse_widget_id( $widget_id ); $width = $wp_registered_widget_controls[$widget_id]['width']; $is_core = in_array( $parsed_widget_id['id_base'], $this->core_widget_id_bases ); $is_wide = ( $width > 250 && ! $is_core ); /** * Filter whether the given widget is considered "wide". * * @since 3.9.0 * * @param bool $is_wide Whether the widget is wide, Default false. * @param string $widget_id Widget ID. */ return apply_filters( 'is_wide_widget_in_customizer', $is_wide, $widget_id ); } /** * Covert a widget ID into its id_base and number components. * * @since 3.9.0 * @access public * * @param string $widget_id Widget ID. * @return array Array containing a widget's id_base and number components. */ public function parse_widget_id( $widget_id ) { $parsed = array( 'number' => null, 'id_base' => null, ); if ( preg_match( '/^(.+)-(\d+)$/', $widget_id, $matches ) ) { $parsed['id_base'] = $matches[1]; $parsed['number'] = intval( $matches[2] ); } else { // likely an old single widget $parsed['id_base'] = $widget_id; } return $parsed; } /** * Convert a widget setting ID (option path) to its id_base and number components. * * @since 3.9.0 * @access public * * @param string $setting_id Widget setting ID. * @return WP_Error|array Array containing a widget's id_base and number components, * or a WP_Error object. */ public function parse_widget_setting_id( $setting_id ) { if ( ! preg_match( '/^(widget_(.+?))(?:\[(\d+)\])?$/', $setting_id, $matches ) ) { return new WP_Error( 'widget_setting_invalid_id' ); } $id_base = $matches[2]; $number = isset( $matches[3] ) ? intval( $matches[3] ) : null; return compact( 'id_base', 'number' ); } /** * Call admin_print_styles-widgets.php and admin_print_styles hooks to * allow custom styles from plugins. * * @since 3.9.0 * @access public */ public function print_styles() { /** This action is documented in wp-admin/admin-header.php */ do_action( 'admin_print_styles-widgets.php' ); /** This action is documented in wp-admin/admin-header.php */ do_action( 'admin_print_styles' ); } /** * Call admin_print_scripts-widgets.php and admin_print_scripts hooks to * allow custom scripts from plugins. * * @since 3.9.0 * @access public */ public function print_scripts() { /** This action is documented in wp-admin/admin-header.php */ do_action( 'admin_print_scripts-widgets.php' ); /** This action is documented in wp-admin/admin-header.php */ do_action( 'admin_print_scripts' ); } /** * Enqueue scripts and styles for Customizer panel and export data to JavaScript. * * @since 3.9.0 * @access public */ public function enqueue_scripts() { wp_enqueue_style( 'customize-widgets' ); wp_enqueue_script( 'customize-widgets' ); /** This action is documented in wp-admin/admin-header.php */ do_action( 'admin_enqueue_scripts', 'widgets.php' ); /* * Export available widgets with control_tpl removed from model * since plugins need templates to be in the DOM. */ $available_widgets = array(); foreach ( $this->get_available_widgets() as $available_widget ) { unset( $available_widget['control_tpl'] ); $available_widgets[] = $available_widget; } $widget_reorder_nav_tpl = sprintf( '
', __( 'Move to another area…' ), __( 'Move down' ), __( 'Move up' ) ); $move_widget_area_tpl = str_replace( array( '{description}', '{btn}' ), array( __( 'Select an area to move this widget into:' ), _x( 'Move', 'Move widget' ), ), ' ' ); global $wp_scripts; $settings = array( 'nonce' => wp_create_nonce( 'update-widget' ), 'registeredSidebars' => array_values( $GLOBALS['wp_registered_sidebars'] ), 'registeredWidgets' => $GLOBALS['wp_registered_widgets'], 'availableWidgets' => $available_widgets, // @todo Merge this with registered_widgets 'l10n' => array( 'saveBtnLabel' => __( 'Apply' ), 'saveBtnTooltip' => __( 'Save and preview changes before publishing them.' ), 'removeBtnLabel' => __( 'Remove' ), 'removeBtnTooltip' => __( 'Trash widget by moving it to the inactive widgets sidebar.' ), 'error' => __( 'An error has occurred. Please reload the page and try again.' ), 'widgetMovedUp' => __( 'Widget moved up' ), 'widgetMovedDown' => __( 'Widget moved down' ), ), 'tpl' => array( 'widgetReorderNav' => $widget_reorder_nav_tpl, 'moveWidgetArea' => $move_widget_area_tpl, ), ); foreach ( $settings['registeredWidgets'] as &$registered_widget ) { unset( $registered_widget['callback'] ); // may not be JSON-serializeable } $wp_scripts->add_data( 'customize-widgets', 'data', sprintf( 'var _wpCustomizeWidgetsSettings = %s;', wp_json_encode( $settings ) ) ); } /** * Render the widget form control templates into the DOM. * * @since 3.9.0 * @access public */ public function output_widget_control_templates() { ?>