Sridhar Katakam

<p>Adds quick links in the WordPress admin bar for users of Bricks theme.</p>
<h3>Main function</h3>
<p>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 <a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks Builder theme</a>.</p>
<p>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.</p>
<p>The admin bar can also be enabled in Bricks editor pages via the plugin’s settings page at Bricks <span aria-hidden="true" class="wp-exclude-emoji">→</span> Bricks Navigator.</p>
<p>Links to Bricks-specific plugins’ settings page are also provided.</p>
<p>Links to community sites, internal and external Bricks links can be enabled in the plugin’s settings page.</p>
<p>A “new tab” icon is provided for site-specific menu items added by the plugin to open that menu item in a new tab.</p>
<p>All external links open in a new tab.</p>
<p>Built for the Bricks community by Sridhar Katakam of <a href="https://brickslabs.com/" rel="nofollow ugc">BricksLabs</a>.</p>
<p>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.</p>
<h3>Auto-select Class</h3>
<p>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.</p>
<h3>CSS Editor (Beta)</h3>
<p>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.</p>
<h3>BEM Classes (Beta)</h3>
<p>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.</p>
<h3>CSS Variables Context Menu (Beta)</h3>
<p>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.</p>
<h3>Class Tooltip (Beta)</h3>
<p>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.</p>
<h3>Keyboard Shortcuts</h3>
<p>Adding common elements in Bricks editor is now a single key-press away.</p>
<ul>
<li>S: Section</li>
<li>C: Container</li>
<li>B: Block</li>
<li>H: Heading</li>
<li>T: Basic Text</li>
<li>I: Image</li>
<li>L: Text Link</li>
<li>W: Wrap with Block</li>
<li>R: Rich Text</li>
<li>D: Div</li>
</ul>
<p>Alt+H: Toggle :hover</p>
<h3>Automatic Installation</h3>
<p>Search for <code>bricks navigator</code> from within your WordPress plugins’ Add New page and install.</p>
<h3>Manual Installation</h3>
<ol>
<li>Click on the <code>Download</code> button to download the plugin.</li>
<li>Upload the entire <code>brickslabs-bricks-navigator</code> folder to the <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the plugin through the <code>Plugins</code> menu in WordPress.</li>
</ol>


Bricks Navigator

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

Rosua

<h3>Yabe Bricksbender: The Bricks builder extension.</h3>
<p>Yabe Bricksbender is a plugin that enhances the Bricks editor with functionalities that are not available in the core plugin to make your workflow more efficient.</p>
<h3>Modules</h3>
<p>Yabe Bricksbender is packed full of modules designed to streamline your workflow.</p>
<ul>
<li><strong>Elements Manager</strong>: Switch on/off the elements you want to use in the Bricks editor.</li>
<li><strong>HTML to Bricks</strong> [Temp not available]: Convert HTML to Bricks elements.</li>
<li><strong>Plain Classes</strong> [Temp not available]: Add the ability to write plain CSS classes to Bricks elements without adding the class to the Global Class database</li>
<li><strong>OpenAI Assistant</strong> [Soon]: AI integration that do many tasks in the Bricks editor.</li>
</ul>
<h3>Elements</h3>
<ul>
<li><strong>Alpine.js Runtime</strong>: Add Alpine.js runtime to your Bricks editor.</li>
<li><strong>Alpine.js Container</strong>: The element that supports Alpine.js directives.</li>
<li><strong>Lottie</strong>: Add Lottie animation to your Bricks editor.</li>
<li><strong>Rive</strong> [Soon]: Add Rive animation to your Bricks editor.</li>
<li><strong>GSAP Runtime</strong> [Soon]: Add GSAP runtime to your Bricks editor.</li>
</ul>
<p>Visit <a href="https://bricksbender.yabe.land" rel="nofollow ugc">our website</a> for more information.</p>
<h4>Love Yabe Bricksbender?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5/#new-post" rel="ugc">WordPress</a> 🙂</li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/brick-wall_3769316" rel="nofollow ugc">Freepik</a> on Flaticon</li>
</ul>
<h4>Contributors & Developers</h4>
<p>Interested in development?<br />
Visit the <a href="https://github.com/orgrosua/yabe-bricksbender" rel="nofollow ugc">GitHub repository</a> to get involved.</p>


Bricks Navigator vs Yabe Bricksbender