Bricks Navigator Pro adds a Bricks menu to the WordPress admin bar for reaching Pages, Templates, site areas, add-on options, and Bricks resources. It is intended for managing site content and working in the Bricks editor. The menu appears for administrators and other logged-in users when the WordPress toolbar is visible. To display it on Bricks editor pages, enable the option in Bricks → Bricks Navigator.

Navigate from the admin bar

• Open Pages and Templates directly for editing with Bricks, or view their lists and pick an entry to edit.
• Reach settings pages for Bricks-specific extensions.
• Enable links to community websites, internal Bricks pages, and external Bricks resources.
• External links open in a new tab. Use the provided new-tab icon to open site-specific menu items in a new tab.

Work with classes and CSS

• Auto-choose Class: When a selected element has a CSS class, a checkbox can automatically activate the first unlocked class in the classes panel.
• CSS Editor: A collapsible inline panel in the Bricks element panel delivers two-way binding between CSS and controls. Editable CSS maps back to layout controls where possible. Properties that cannot be mapped are stored in the element's Custom CSS field.
• BEM Classes: An action on each structure-panel layer can assign global classes in BEM format. A checkbox can move ID styles to the class.
• CSS Variables Context Menu: Right-click a CSS value input to insert a variable from registered custom properties. Hovering over a variable shows a live preview.

Inspect structure and add components

Hold Shift or Cmd/Ctrl while hovering over an element in the structure panel to see its active CSS global classes.

Use a single key to add common Bricks elements: S for Section, C for Container, B for Block, H for Heading, T for Basic Text, I for Image, L for Text Link, W to wrap with Block, R for Rich Text, and D for Div. Alt+H toggles :hover.

Installation and settings

For automatic installation, search for Bricks Navigator from the WordPress add-ons Add New page and install it. For manual installation, download the add-on, upload the complete brickslabs-bricks-navigator folder to /wp-content/plugins/, and activate the plugin. Configure available links and editor-bar behavior from the Bricks Navigator settings page.