H. Bakhtiari

mentotex

<p>MentoClasses scans your stylesheets, builds a searchable library of every CSS class on your site, and gives you a dedicated search panel inside the Gutenberg editor. Designers can search by name, description, or tag, then copy any class to the clipboard with one click and paste it into the page builder’s own field.</p>
<p>The plugin never modifies the editor’s native “Additional CSS class(es)” field. It only provides a read-only search interface — your existing workflow stays exactly as it was.</p>
<h4>Features</h4>
<ul>
<li>Standalone search panel inside the Gutenberg editor</li>
<li>Copy any class to the clipboard with one click</li>
<li>Add descriptions and free-text tags to every class — searchable from the panel</li>
<li>Per-user favorites and most-used classes shown first</li>
<li>Manage the full class library from a clean admin table with filters and bulk actions</li>
<li>Auto-scan on stylesheet change, scheduled scans, or manual rescan</li>
<li>Editor-and-above role permissions, configurable</li>
</ul>
<h4>Privacy</h4>
<p>MentoClasses reads your local stylesheets and stores classes in your local database only. No external API calls, no tracking, no telemetry, no phone-home.</p>


MentoClasses

CSS class registry and searchable panel for Gutenberg. Build a documented class library and reuse it across your site.

Ben Huson

<h4>Add missing classes</h4>
<p>Adds missing classes for selected menu states. Classes added include:</p>
<ul>
<li><code>current-page-parent</code> and <code>current_page_parent</code></li>
<li><code>current-page-ancestor</code> and <code>current_page_ancestor</code></li>
<li><code>current-menu-ancestor</code></li>
<li><code>current-menu-parent</code></li>
</ul>
<p>The classes are added in the following scenarios:</p>
<ul>
<li><strong>When viewing an attachment page</strong> classes are added to any parent pages and their menu ancestors.</li>
<li><strong>When viewing a post</strong> classes are added to any relevant taxonomy menu items and their manu ancestors.</li>
</ul>
<h4>Manage Menu Select States</h4>
<p>Allows you to control which menu items should be selected (or deselected) when viewing certain pages of your site. You need to add classes to the menu items for this to work.</p>
<ul>
<li><code>ecms-archive-{$post_type}</code> – Select menu item when viewing a post type archive page.</li>
<li><code>ecms-single-{$post_type}</code> – Select menu item when viewing a single post type page.</li>
<li><code>ecms-taxonomy-{$taxonomy}</code> – Select menu item when viewing a taxonomy archive.</li>
<li><code>ecms-taxonomy-{$taxonomy}-term-{$term}</code> – Select menu item when viewing a taxonomy term archive.</li>
<li>
<p><code>ecms-404</code> – Select menu item when viewing a 404 page.</p>
</li>
<li>
<p><code>ecms-no-archive-{$post_type}</code> – Deselect menu item when viewing a post type archive page.</p>
</li>
<li><code>ecms-no-single-{$post_type}</code> – Deselect menu item when viewing a single post type page.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}</code> – Deselect menu item when viewing a taxonomy archive.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}-term-{$term}</code> – Deselect menu item when viewing a taxonomy term archive.</li>
<li><code>ecms-no-404</code> – Deselect menu item when viewing a 404 page.</li>
</ul>


Extra Classes

Adds classes for selected menu states such as highlighting categories when viewing a blog post or parent page when viewing an attachment page.

MentoClasses vs Extra Classes