Customizer Module

The Customizer Module allows you to edit the items that appear n the WordPress Customizer.  Learn more about the customizer here: https://www.wpbeginner.com/beginners-guide/how-to-use-wordpress-theme-customizer/

As with most of the modules, this one is based on "Views". A view is simply a saved menu configuration. You can save as many Views as you'd like.

Creating Your First Customizer View

  1. To get started, you'll want to name your first view by typing something into the View Name box.
  2. Then click the Save View button to save that view name to the database.
  3. Now choose the rules you want to apply to this view in the Add Rules column on the left. Learn more about adding rules here.
  4. Next, under Menu Configuration, you can edit the customizer menu as you see fit. We go into detail about this section later in this article.
  5. You may wish to verify how your customizer will look under different circumstances using the Advanced Options feature. Learn more about Advanced Options here.
  6. When you're ready, click Save View again.
  7. Your customizer configuration should now appear based on the rules you've assigned to it.

Menu Configuration 

The menu configuration section displays a list of the items as they appear in your customizer.  You can edit the them in the following ways:

Reorder Customizer Items

Reordering items is as simple as dragging and dropping a menu item to a different position. If you drag the menu item slightly to the right it will become a submenu of the menu item above it.

Certain items you can't drag to certain positions because of limitations of either WordPress or the individual menu item. In such cases, the outline will turn red, indicating that action can't be completed.

Rename Customizer Items

You can change the name, aka label, of any item by simply clicking on the name. A text box will appear and you can type in anything you want. 

Certain basic HTML tags are honored in the navigation label field, such as <em> and <strong>. It's best to enter these via the "Navigation Label" box under settings by clicking the gear icon on the menu item.

Add Icons to the Customizer Items

You can add icons to top-level customizer items (so they match the look of the admin menu) simply clicking on the empty space to the left of the item name.

When you do so, a box appears with icons to choose from.  Currently you can choose from the complete library of WordPress Dashicons.

Note: The Active Theme box (the top-most menu item) cannot be moved or given an icon.

Hide Customizer Items

You can hide items by clicking the Eye icon. When a menu item is hidden, it will appear light gray and the eye icon will have a line through it.

Note: when you hide a top-level menu item, all of it's submenu items will be hidden by default.