Title: Bricks Navigator
Author: Sridhar Katakam
Published: <strong>2022 年 5 月 28 日</strong>
Last modified: 2026 年 5 月 26 日

---

搜索插件

![](https://ps.w.org/brickslabs-bricks-navigator/assets/banner-772x250.png?rev=2732970)

![](https://ps.w.org/brickslabs-bricks-navigator/assets/icon-256x256.png?rev=3531730)

# Bricks Navigator

 作者：[Sridhar Katakam](https://profiles.wordpress.org/srikat/)

[下载](https://downloads.wordpress.org/plugin/brickslabs-bricks-navigator.1.2.0.zip)

 * [详情](https://cn.wordpress.org/plugins/brickslabs-bricks-navigator/#description)
 * [评价](https://cn.wordpress.org/plugins/brickslabs-bricks-navigator/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/brickslabs-bricks-navigator/#developers)

 [支持](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/)

## 描述

Adds quick links in the WordPress admin bar for users of Bricks theme.

### Main function

This plugin adds a handy “Bricks” menu item in the WP admin bar for directly editing
Pages and Templates with Bricks, as well as quickly navigating to various areas 
within the site and external sites relevant for the users of [Bricks Builder theme](https://bricksbuilder.io/).

A very useful feature is being able to directly view the list of all Templates and
Pages and edit any of them with Bricks directly with a single click without going
to Templates and Pages list screens first.

The admin bar can also be enabled in Bricks editor pages via the plugin’s settings
page at Bricks  Bricks Navigator.

Links to Bricks-specific plugins’ settings page are also provided.

Links to community sites, internal and external Bricks links can be enabled in the
plugin’s settings page.

A “new tab” icon is provided for site-specific menu items added by the plugin to
open that menu item in a new tab.

All external links open in a new tab.

Built for the Bricks community by Sridhar Katakam of [BricksLabs](https://brickslabs.com/).

Performance Notice: The free version loads all templates and pages in the menu and
works best for smaller sites (up to ~20 templates and ~50 pages). For larger sites
with extensive content, consider upgrading to our upcoming Pro version for better
performance. Note that this only applies for admins and other logged-in users for
whom the WP toolbar shows.

### Auto-select Class

Provides a checkbox so that when an element with a CSS class is selected in the 
editor, the first unlocked class in the classes panel is automatically activated.

### CSS Editor (Beta)

An inline collapsible CSS editor panel in the Bricks element panel with two-way 
binding between CSS and controls. Editable CSS maps back to layout controls; unmappable
properties are stored in the element’s Custom CSS field.

### BEM Classes (Beta)

A BEM class action on each structure panel layer to assign global classes in BEM
format with a checkbox to move ID styles to the class.

### CSS Variables Context Menu (Beta)

Right-click any CSS value input in the Bricks editor to insert a CSS variable from
your registered custom properties – with live preview on hover.

### Class Tooltip (Beta)

Hold Shift or Cmd/Ctrl while hovering over any element in the Bricks structure panel
to see a tooltip listing all active CSS global classes applied to that element. 
Saves time when writing custom CSS — no need to click elements one by one just to
check which classes are applied.

### Keyboard Shortcuts

Adding common elements in Bricks editor is now a single key-press away.

 * S: Section
 * C: Container
 * B: Block
 * H: Heading
 * T: Basic Text
 * I: Image
 * L: Text Link
 * W: Wrap with Block
 * R: Rich Text
 * D: Div

Alt+H: Toggle :hover

### Automatic Installation

Search for `bricks navigator` from within your WordPress plugins’ Add New page and
install.

### Manual Installation

 1. Click on the `Download` button to download the plugin.
 2. Upload the entire `brickslabs-bricks-navigator` folder to the `/wp-content/plugins/`
    directory.
 3. Activate the plugin through the `Plugins` menu in WordPress.

## 屏幕截图

[⌊Screenshot showing the sub menu of Settings.⌉⌊Screenshot showing the sub menu 
of Settings.⌉[

Screenshot showing the sub menu of Settings.

[⌊Screenshot showing 1-click direct link to edit the hovered Template directly with
Bricks in a new tab.⌉⌊Screenshot showing 1-click direct link to edit the hovered
Template directly with Bricks in a new tab.⌉[

Screenshot showing 1-click direct link to edit the hovered Template directly with
Bricks in a new tab.

[⌊Screenshot showing 1-click direct link to edit the hovered Page directly with 
Bricks.⌉⌊Screenshot showing 1-click direct link to edit the hovered Page directly
with Bricks.⌉[

Screenshot showing 1-click direct link to edit the hovered Page directly with Bricks.

[⌊Screenshot showing the plugin's settings page.⌉⌊Screenshot showing the plugin's
settings page.⌉[

Screenshot showing the plugin’s settings page.

[⌊Screenshot showing 'Add BEM classes' button when a structure panel layer is hovered.⌉⌊
Screenshot showing 'Add BEM classes' button when a structure panel layer is hovered
.⌉[

Screenshot showing ‘Add BEM classes’ button when a structure panel layer is hovered.

[⌊Screenshot showing BEM Classes dialog.⌉⌊Screenshot showing BEM Classes dialog.⌉[

Screenshot showing BEM Classes dialog.

[⌊Screenshot showing contextual menu (with live preview on hover) for the builder
controls.⌉⌊Screenshot showing contextual menu (with live preview on hover) for the
builder controls.⌉[

Screenshot showing contextual menu (with live preview on hover) for the builder 
controls.

[⌊Screenshot showing class tooltip when an element in the structure panel is held
down with Shift or Cmd/Ctrl key.⌉⌊Screenshot showing class tooltip when an element
in the structure panel is held down with Shift or Cmd/Ctrl key.⌉[

Screenshot showing class tooltip when an element in the structure panel is held 
down with Shift or Cmd/Ctrl key.

## 评价

![](https://secure.gravatar.com/avatar/83c9c0b00017b32fc17cb67c42584e563fd560648aac559c53d2763ea2d155fd?
s=60&d=retro&r=g)

### 󠀁[Simple, handy, works well!](https://wordpress.org/support/topic/simple-handy-works-well/)󠁿

 [Andrew Newby](https://profiles.wordpress.org/anewbydesign/) 2026 年 6 月 11 日

Makes it much easier to navigate Bricks templates and pages when building complex
themes. The new keyboard shortcuts have been handy too!

![](https://secure.gravatar.com/avatar/764eb4b15fed33934a6208268c2a456fd587633cf5e7030c545e29fa62d614b8?
s=60&d=retro&r=g)

### 󠀁[Must have](https://wordpress.org/support/topic/must-have-747/)󠁿

 [deralict](https://profiles.wordpress.org/deralict/) 2026 年 4 月 15 日

This should be built into Bricks.

![](https://secure.gravatar.com/avatar/5574c448476cfb5fae0efc71158b20d7d76aa24fb488d632a13e23276e2a9034?
s=60&d=retro&r=g)

### 󠀁[A must have for any Bricks user](https://wordpress.org/support/topic/a-must-have-for-any-bricks-user/)󠁿

 [switchgraindev](https://profiles.wordpress.org/switchgraindev/) 2026 年 3 月 19
日

I could never see myself going back to not using this plugin, It just speeds up 
bricks navigation so seamlessly. 10.1/10

![](https://secure.gravatar.com/avatar/42c1fe3e8f18cba37cd9e2326e8d7ab5c8ea15f91be73a34203baf320719d5f9?
s=60&d=retro&r=g)

### 󠀁[Very helpful! Thank you.](https://wordpress.org/support/topic/very-helpful-thank-you-11/)󠁿

 [robmaric](https://profiles.wordpress.org/robmaric/) 2024 年 5 月 28 日

Very helpful plugin.

![](https://secure.gravatar.com/avatar/5999123009d2c98889f3170c93c4cd60b40ce8d7c0eccc06f46e24e27bf82e06?
s=60&d=retro&r=g)

### 󠀁[A really great addition to Bricks Builder](https://wordpress.org/support/topic/a-really-great-addition-to-bricks-builder/)󠁿

 [Manou Allou](https://profiles.wordpress.org/manouallou/) 2024 年 3 月 23 日

Guys, you have nailed it with this plugin. It is a must for all my Bricks Builder
installations and I recommend it to everyone. Bravo and thank you very much!

![](https://secure.gravatar.com/avatar/ba91b7ca431baccda00790201cb28abd865ca5f34187eb4f72a97237abd0ca22?
s=60&d=retro&r=g)

### 󠀁[Makes easy to navigate through templates and pages](https://wordpress.org/support/topic/makes-easy-to-navigate-through-templates-and-pages/)󠁿

 [ginarenate](https://profiles.wordpress.org/ginarenate/) 2024 年 2 月 17 日

This is a mandatory plugin for Bricks devs. It’s easy to navigate through templates,
pages, and some settings without hassle.Thank you, Sridhar.

 [ 阅读所有19条评价 ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/)

## 贡献者及开发者

「Bricks Navigator」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Sridhar Katakam ](https://profiles.wordpress.org/srikat/)

「Bricks Navigator」插件已被翻译至 4 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/brickslabs-bricks-navigator/contributors)
为本插件所做的贡献。

[帮助将「Bricks Navigator」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/brickslabs-bricks-navigator)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/brickslabs-bricks-navigator/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/brickslabs-bricks-navigator/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/brickslabs-bricks-navigator/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/brickslabs-bricks-navigator/)。

## 更新日志

#### 1.2.0 ( May 26, 2026 )

 * Internal Bricks links and external Bricks links now appear under their own submenus.
 * Fixed CSS Editor: the CSS editor panel now stays fixed at the bottom of the structure
   panel at all times. The structure tree scrolls independently above it, so the
   editor is always accessible regardless of how many elements are on the page. 
   Works correctly with Advanced Themer active.

#### 1.1.9 ( May 25, 2026 )

 * Fixed compatibility issues with Advanced Themer.
 * Added a setting for Bricks Menu in the WP admin bar.
 * Separated Admin Bar Menu and Enhancements into separate accordion sections on
   the plugin settings page.
 * Added full WordPress JavaScript i18n support (wp-i18n) to BEM Classes, CSS Editor,
   and CSS Variables Context Menu editor enhancements: all user-facing strings are
   now translatable via standard wp.i18n.__() calls and wp_set_script_translations().
 * Fixed .pot file: corrected doubled plugin filename in source-file references (
   brickslabs-brickslabs-bricks-navigator.php  brickslabs-bricks-navigator.php).

#### 1.1.8 ( May 21, 2026 )

 * Added Class Tooltip enhancement (Beta): hold Shift or Cmd/Ctrl while hovering
   over any element in the Bricks structure panel to instantly see a tooltip listing
   all active CSS global classes on that element — no need to select elements one
   by one.
 * Modernized all JavaScript files to ES6+ syntax: arrow functions, `const`/`let`,
   optional chaining (`?.`), nullish coalescing (`??`), template literals, `for...
   of`, destructuring, and spread across all six enhancement modules.

#### 1.1.7 ( May 20, 2026 )

 * Improved CSS Variables Context Menu: added “All / Rel” toggle button to switch
   between relevant-only and all variables; preference is persisted to localStorage
   so custom design system users only set it once.
 * Improved CSS Variables Context Menu: auto-fallback to all variables when category
   filtering returns no results, ensuring custom-prefixed CSS variables like `--
   utopia-space-xs` and `--brand-color-primary` are never silently hidden.
 * Improved CSS Variables Context Menu: added unanchored regex patterns for color(`-
   color-`, `-clr-`), spacing (`-space-`, `-spacing-`, `-gap-`), and font-size (`-
   step-`) to correctly classify custom-prefixed variables into their categories.
 * Fixed Auto-select Class: replaced `hasOwnProperty` check with `Array.isArray`
   to prevent a TypeError crash when `_cssGlobalClasses` exists on an element but
   is not an array (e.g. after a malformed JSON import).
 * Fixed Keyboard Shortcuts: native `<select>` dropdowns inside the Bricks panel
   are now correctly treated as editable targets, preventing shortcuts from firing
   while a dropdown is focused.
 * Removed unused internal constant `CACHE_ATTR` from the CSS Variables Context 
   Menu module.

#### 1.1.6 ( May 20, 2026 )

 * Fixed translations not loading: text domain renamed from `bricks-navigator` to`
   brickslabs-bricks-navigator` to match the plugin slug, which is how WordPress
   names downloaded language pack files.
 * Fixed translations not loading for users whose profile language differs from 
   the site language: `load_plugin_textdomain()` moved from `plugins_loaded` to `
   init` (priority 1) so the effective locale is fully resolved before the translation
   file is looked up.
 * Fixed BEM Classes dialog styling in Bricks light mode.

#### 1.1.5 ( May 19, 2026 )

 * Fixed plugin internationalization: added `Domain Path: /languages` header, created`
   languages/` directory, and generated `bricks-navigator.pot` so translations from
   translate.wordpress.org are correctly loaded.
 * Fixed CSS Variables Context Menu: hovering over a variable now previews the value
   in the canvas without writing to Bricks undo history (only `input` event fires
   on hover; `change` fires only on click).
 * Fixed CSS Variables Context Menu: context menu now closes when clicking anywhere
   on the Bricks canvas.
 * Fixed CSS Variables Context Menu: variable scanning now reads from the parent
   document stylesheets (via `window.parent.document`), picking up all CSS custom
   properties defined on the page rather than only those visible inside the builder
   iframe.
 * Fixed external and community admin bar links to include `rel="noopener noreferrer"`
   on all `target="_blank"` links.

#### 1.1.4 ( May 19, 2026 )

 * Added CSS Editor enhancement (Beta): inline CSS editor panel in the Bricks element
   panel with two-way binding between CSS and controls. Editable CSS maps back to
   layout controls; unmappable properties (color, background, border, etc.) are 
   stored in the element’s Custom CSS field.
 * Added BEM Classes enhancement (Beta): adds a BEM class action to each Bricks 
   structure panel layer to choose a block class, review descendants, exclude specific
   elements, and assign global classes in BEM format. A checkbox to move ID styles
   to the class is provided.
 * Added CSS Variables Context Menu enhancement (Beta): right-click any CSS value
   input in the Bricks editor to insert a CSS variable from your registered custom
   properties – live preview on hover.

#### 1.1.3 ( May 14, 2026 )

 * Refactored codebase to use OOP with namespaced classes (Settings, Admin_Bar, 
   Editor) replacing procedural include files.
 * Added Auto-select Class enhancement: automatically activates the first unlocked
   class in the classes panel when an element with a class is selected in the editor.
 * Added Keyboard Shortcuts enhancement: single-key shortcuts in the Bricks editor
   to insert elements (S to add Section, C to add Container, B to add Block, D to
   add Div, T to add Basic Text, H to add Heading, I to add Image, R to add Rich
   Text, L to add Text Link) and wrap with Block (W); Alt+H to toggle :hover.
 * Enhancements section added to the settings page with both new features disabled
   by default.
 * Fixed unwanted gap in the Bricks editor when admin bar was set to show.
 * Scoped scrollable overflow CSS to Templates and Pages lists only, fixing Community
   sub-submenus not opening on hover.
 * Settings page styles now loaded via an enqueued stylesheet instead of inline 
   output.
 * Editor layout-fix CSS now attached via wp_add_inline_style() instead of a raw
   echo in wp_head.
 * Cached wp_get_theme() and Bricks permission checks for the duration of each request.
 * Removed dead inc/pages.php file (legacy kn- prefix, never included).

#### 1.1.2 ( Aug 13, 2025 )

 * Fixed the CSS for making long Pages/Templates lists scrollable.

#### 1.1.1 ( Aug 09, 2025 )

 * Fixed the plugin settings menu visibility when no third-party plugins are active.

#### 1.1.0 ( Aug 09, 2025 )

 * Fixed the CSS for the “Show admin bar in Bricks” setting in Bricks 2.0.
 * Improved performance and reliability. Plugin now gracefully degrades when Bricks
   isn’t available. Resolved cPanel WP Toolkit SSO login issue and prevents similar
   problems with WP-CLI, automated backups, or any other tools that load WordPress
   without themes.
 * Revamped UI.
 * Community, Internal and External Bricks links have been disabled by default. 
   They are now opt-in rather than opt-out.

#### 1.0.3 ( Dec 03, 2023 )

 * Fixed the CSS for the “Show admin bar in Bricks” setting for Bricks 1.9.3.

#### 1.0.2 ( Nov 10, 2023 )

 * Fixed the CSS for the “Show admin bar in Bricks” setting.

#### 1.0.1 ( Jul 30, 2023 )

 * Link to WooCommerce Bricks Settings page now appears only if WooCommerce is active.
 * Added “Add New” link under Templates.
 * Added “Plugin Settings” node which links to Bricks-specific plugins’ settings
   pages.
 * Added a “Bricks Navigator” Settings page under Bricks admin menu. The Settings
   page has options to show the admin bar in the editor and hide unwanted items.
 * Added a link to plugin’s settings page in the Plugins list screen.

#### 1.0.0 ( May 27, 2022 )

 * Initial Release.

## 额外信息

 *  版本 **1.2.0**
 *  最后更新：**2 周前**
 *  活跃安装数量 **8,000+**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 8.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/brickslabs-bricks-navigator/) 、
   [French (France)](https://fr.wordpress.org/plugins/brickslabs-bricks-navigator/)、
   [German](https://de.wordpress.org/plugins/brickslabs-bricks-navigator/) 、 [German (Switzerland)](https://de-ch.wordpress.org/plugins/brickslabs-bricks-navigator/)
   和 [Portuguese (Portugal)](https://pt.wordpress.org/plugins/brickslabs-bricks-navigator/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/brickslabs-bricks-navigator)
 * 标签
 * [admin bar](https://cn.wordpress.org/plugins/tags/admin-bar/)[bricks](https://cn.wordpress.org/plugins/tags/bricks/)
   [bricks builder](https://cn.wordpress.org/plugins/tags/bricks-builder/)
 *  [高级视图](https://cn.wordpress.org/plugins/brickslabs-bricks-navigator/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  19 条 5 星评价     ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/reviews/)

## 贡献者

 *   [ Sridhar Katakam ](https://profiles.wordpress.org/srikat/)

## 支持

最近两个月解决的问题：

     总计 2，已解决 2

 [查看支持论坛](https://wordpress.org/support/plugin/brickslabs-bricks-navigator/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.me/sridharkatakam)