WP_Customize_Nav_Menus::customize_register()

In this article

Adds the customizer settings and controls.

Source

public function customize_register() {
	$changeset = $this->manager->unsanitized_post_values();

	// Preview settings for nav menus early so that the sections and controls will be added properly.
	$nav_menus_setting_ids = array();
	foreach ( array_keys( $changeset ) as $setting_id ) {
		if ( preg_match( '/^(nav_menu_locations|nav_menu|nav_menu_item)\[/', $setting_id ) ) {
			$nav_menus_setting_ids[] = $setting_id;
		}
	}
	$settings = $this->manager->add_dynamic_settings( $nav_menus_setting_ids );
	if ( $this->manager->settings_previewed() ) {
		foreach ( $settings as $setting ) {
			$setting->preview();
		}
	}

	// Require JS-rendered control types.
	$this->manager->register_panel_type( 'WP_Customize_Nav_Menus_Panel' );
	$this->manager->register_control_type( 'WP_Customize_Nav_Menu_Control' );
	$this->manager->register_control_type( 'WP_Customize_Nav_Menu_Name_Control' );
	$this->manager->register_control_type( 'WP_Customize_Nav_Menu_Locations_Control' );
	$this->manager->register_control_type( 'WP_Customize_Nav_Menu_Auto_Add_Control' );
	$this->manager->register_control_type( 'WP_Customize_Nav_Menu_Item_Control' );

	// Create a panel for Menus.
	$description = '<p>' . __( 'This panel is used for managing navigation menus for content you have already published on your site. You can create menus and add items for existing content such as pages, posts, categories, tags, formats, or custom links.' ) . '</p>';
	if ( current_theme_supports( 'widgets' ) ) {
		$description .= '<p>' . sprintf(
			/* translators: %s: URL to the Widgets panel of the Customizer. */
			__( 'Menus can be displayed in locations defined by your theme or in <a href="%s">widget areas</a> by adding a &#8220;Navigation Menu&#8221; widget.' ),
			"javascript:wp.customize.panel( 'widgets' ).focus();"
		) . '</p>';
	} else {
		$description .= '<p>' . __( 'Menus can be displayed in locations defined by your theme.' ) . '</p>';
	}

	/*
	 * Once multiple theme supports are allowed in WP_Customize_Panel,
	 * this panel can be restricted to themes that support menus or widgets.
	 */
	$this->manager->add_panel(
		new WP_Customize_Nav_Menus_Panel(
			$this->manager,
			'nav_menus',
			array(
				'title'       => __( 'Menus' ),
				'description' => $description,
				'priority'    => 100,
			)
		)
	);
	$menus = wp_get_nav_menus();

	// Menu locations.
	$locations     = get_registered_nav_menus();
	$num_locations = count( $locations );

	if ( 1 === $num_locations ) {
		$description = '<p>' . __( 'Your theme can display menus in one location. Select which menu you would like to use.' ) . '</p>';
	} else {
		/* translators: %s: Number of menu locations. */
		$description = '<p>' . sprintf( _n( 'Your theme can display menus in %s location. Select which menu you would like to use.', 'Your theme can display menus in %s locations. Select which menu appears in each location.', $num_locations ), number_format_i18n( $num_locations ) ) . '</p>';
	}

	if ( current_theme_supports( 'widgets' ) ) {
		/* translators: URL to the Widgets panel of the Customizer. */
		$description .= '<p>' . sprintf( __( 'If your theme has widget areas, you can also add menus there. Visit the <a href="%s">Widgets panel</a> and add a &#8220;Navigation Menu widget&#8221; to display a menu in a sidebar or footer.' ), "javascript:wp.customize.panel( 'widgets' ).focus();" ) . '</p>';
	}

	$this->manager->add_section(
		'menu_locations',
		array(
			'title'       => 1 === $num_locations ? _x( 'View Location', 'menu locations' ) : _x( 'View All Locations', 'menu locations' ),
			'panel'       => 'nav_menus',
			'priority'    => 30,
			'description' => $description,
		)
	);

	$choices = array( '0' => __( '&mdash; Select &mdash;' ) );
	foreach ( $menus as $menu ) {
		$choices[ $menu->term_id ] = wp_html_excerpt( $menu->name, 40, '&hellip;' );
	}

	// Attempt to re-map the nav menu location assignments when previewing a theme switch.
	$mapped_nav_menu_locations = array();
	if ( ! $this->manager->is_theme_active() ) {
		$theme_mods = get_option( 'theme_mods_' . $this->manager->get_stylesheet(), array() );

		// If there is no data from a previous activation, start fresh.
		if ( empty( $theme_mods['nav_menu_locations'] ) ) {
			$theme_mods['nav_menu_locations'] = array();
		}

		$mapped_nav_menu_locations = wp_map_nav_menu_locations( $theme_mods['nav_menu_locations'], $this->original_nav_menu_locations );
	}

	foreach ( $locations as $location => $description ) {
		$setting_id = "nav_menu_locations[{$location}]";

		$setting = $this->manager->get_setting( $setting_id );
		if ( $setting ) {
			$setting->transport = 'postMessage';
			remove_filter( "customize_sanitize_{$setting_id}", 'absint' );
			add_filter( "customize_sanitize_{$setting_id}", array( $this, 'intval_base10' ) );
		} else {
			$this->manager->add_setting(
				$setting_id,
				array(
					'sanitize_callback' => array( $this, 'intval_base10' ),
					'theme_supports'    => 'menus',
					'type'              => 'theme_mod',
					'transport'         => 'postMessage',
					'default'           => 0,
				)
			);
		}

		// Override the assigned nav menu location if mapped during previewed theme switch.
		if ( empty( $changeset[ $setting_id ] ) && isset( $mapped_nav_menu_locations[ $location ] ) ) {
			$this->manager->set_post_value( $setting_id, $mapped_nav_menu_locations[ $location ] );
		}

		$this->manager->add_control(
			new WP_Customize_Nav_Menu_Location_Control(
				$this->manager,
				$setting_id,
				array(
					'label'       => $description,
					'location_id' => $location,
					'section'     => 'menu_locations',
					'choices'     => $choices,
				)
			)
		);
	}

	// Used to denote post states for special pages.
	if ( ! function_exists( 'get_post_states' ) ) {
		require_once ABSPATH . 'wp-admin/includes/template.php';
	}

	// Register each menu as a Customizer section, and add each menu item to each menu.
	foreach ( $menus as $menu ) {
		$menu_id = $menu->term_id;

		// Create a section for each menu.
		$section_id = 'nav_menu[' . $menu_id . ']';
		$this->manager->add_section(
			new WP_Customize_Nav_Menu_Section(
				$this->manager,
				$section_id,
				array(
					'title'    => html_entity_decode( $menu->name, ENT_QUOTES, get_bloginfo( 'charset' ) ),
					'priority' => 10,
					'panel'    => 'nav_menus',
				)
			)
		);

		$nav_menu_setting_id = 'nav_menu[' . $menu_id . ']';
		$this->manager->add_setting(
			new WP_Customize_Nav_Menu_Setting(
				$this->manager,
				$nav_menu_setting_id,
				array(
					'transport' => 'postMessage',
				)
			)
		);

		// Add the menu contents.
		$menu_items = (array) wp_get_nav_menu_items( $menu_id );

		foreach ( array_values( $menu_items ) as $i => $item ) {

			// Create a setting for each menu item (which doesn't actually manage data, currently).
			$menu_item_setting_id = 'nav_menu_item[' . $item->ID . ']';

			$value = (array) $item;
			if ( empty( $value['post_title'] ) ) {
				$value['title'] = '';
			}

			$value['nav_menu_term_id'] = $menu_id;
			$this->manager->add_setting(
				new WP_Customize_Nav_Menu_Item_Setting(
					$this->manager,
					$menu_item_setting_id,
					array(
						'value'     => $value,
						'transport' => 'postMessage',
					)
				)
			);

			// Create a control for each menu item.
			$this->manager->add_control(
				new WP_Customize_Nav_Menu_Item_Control(
					$this->manager,
					$menu_item_setting_id,
					array(
						'label'    => $item->title,
						'section'  => $section_id,
						'priority' => 10 + $i,
					)
				)
			);
		}

		// Note: other controls inside of this section get added dynamically in JS via the MenuSection.ready() function.
	}

	// Add the add-new-menu section and controls.
	$this->manager->add_section(
		'add_menu',
		array(
			'type'     => 'new_menu',
			'title'    => __( 'New Menu' ),
			'panel'    => 'nav_menus',
			'priority' => 20,
		)
	);

	$this->manager->add_setting(
		new WP_Customize_Filter_Setting(
			$this->manager,
			'nav_menus_created_posts',
			array(
				'transport'         => 'postMessage',
				'type'              => 'option', // To prevent theme prefix in changeset.
				'default'           => array(),
				'sanitize_callback' => array( $this, 'sanitize_nav_menus_created_posts' ),
			)
		)
	);
}

Changelog

VersionDescription
4.3.0Introduced.

User Contributed Notes

You must log in before being able to contribute a note or feedback.