Bricks Navigator Pro

Bricks Navigator Pro brings site navigation and editing tools into the WordPress admin bar and Bricks editor. It is for Bricks visitors who manage website content and layouts and want commonly used destinations and controls close to their current work.

Move between site areas from the admin bar

The extension adds a Bricks menu to the WordPress admin bar. Administrators and other logged-in users can see it when the WordPress toolbar is visible. To show the menu on Bricks editor pages, enable that option in Bricks → Bricks Navigator.

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

Work with classes and CSS in the editor

• Auto-select Class: When you select an element with a CSS class, a checkbox can activate the first unlocked class in the classes panel.
• CSS Editor: Open a collapsible inline editor in the Bricks element panel. CSS and controls are bound in both directions. 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: Use the action on a structure-panel layer to 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. Hover over a variable to see its live preview.
• Class Tooltip: Hold Shift or Cmd/Ctrl while hovering over an element in the structure panel to see its active CSS global classes.

Add common elements with keyboard shortcuts

Press 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, or D for Div. Press Alt+H to toggle :hover.

Install and configure

To install from WordPress, search for Bricks Navigator on the Plugins Add New page and install it. For manual installation, download the extension, upload the complete brickslabs-bricks-navigator folder to /wp-content/plugins/, then activate the plugin. Configure links and admin-bar behavior on the Bricks Navigator settings page.